/* ─── Collapsible Sidebar ─── */

/* Collapsed width: 76px — cukup untuk avatar (40px) + notification + padding */
body.sidebar-collapsed .aside {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    flex: 0 0 76px !important;
    transition: width 0.15s ease;
}

/* Compact header */
body.sidebar-collapsed .aside > header {
    padding: 0.5rem !important;
    margin-top: 0 !important;
}

/* Workspace column fills remaining space — overridden below with 1 1 0% */
body.sidebar-collapsed .row > .col-xxl {
    max-width: none !important;
}

/* Hide menu text & badges */
body.sidebar-collapsed .nav-pills .text-break,
body.sidebar-collapsed .nav-pills .badge { display: none; }

/* Hide sub-menus */
body.sidebar-collapsed .nav-pills .sub-menu { display: none !important; }

/* Hide section title rows (e.g. "Central Management") */
body.sidebar-collapsed .nav-pills > li.nav-item.mt-3 { display: none; }

/* Hide "Scroll to top" label */
body.sidebar-collapsed .sidebar-label { display: none; }

/* Center nav-link icons */
body.sidebar-collapsed .nav-pills .nav-link {
    justify-content: center;
    gap: 0 !important;
}

/* Hide the search bar */
body.sidebar-collapsed .aside-collapse > form { display: none; }

/* Profile area — stacked: avatar above, notification below */
body.sidebar-collapsed .profile-container {
    padding: 0.25rem !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    gap: 2px !important;
}
body.sidebar-collapsed .profile-container a.col-10 small,
body.sidebar-collapsed .profile-container a.col-10 small span,
body.sidebar-collapsed .profile-container a.col-10 .text-ellipsis {
    display: none !important;
}
body.sidebar-collapsed .profile-container a.col-10 {
    justify-content: center;
    width: auto !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
}
body.sidebar-collapsed .profile-container a.col-10 img {
    width: 40px !important;
    height: 40px !important;
}
/* Notification — below avatar */
body.sidebar-collapsed .profile-container a[href$="/notifications"] {
    display: flex !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* Hide header brand (logo + text) on collapsed — toggle is enough */
body.sidebar-collapsed .header-brand { display: none; }

/* Compact nav-link for 76px collapsed */
body.sidebar-collapsed .nav-pills .nav-link {
    padding: 0.5rem !important;
}

/* Hide scroll-to-top container */
body.sidebar-collapsed .to-top { display: none; }

/* Tighter divider */
body.sidebar-collapsed .divider.my-2 { margin: 0.3rem 0.6rem !important; }

/* ─── Safety: prevent mobile menu-overlay on desktop ─── */
@media (min-width: 992px) {
    body.menu-open .workspace { display: flex !important; }
    body.menu-open .aside-collapse { display: flex !important; visibility: visible !important; opacity: 1 !important; }
}

/* On desktop, workspace must never be hidden when collapsed */
/* On mobile, sidebar-collapsed is never applied (see JS), so this is desktop-only */
body.sidebar-collapsed .workspace { display: flex !important; }
body.sidebar-collapsed .row.justify-content-center {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
}

/* Allow content to flow naturally — don't force viewport height */
body.sidebar-collapsed .workspace-limit,
body.sidebar-collapsed .container-xl,
body.sidebar-collapsed .workspace-limit.h-100,
body.sidebar-collapsed .container-xl.h-100 {
    height: auto !important;
    max-height: none !important;
    max-width: none !important;
}
body.sidebar-collapsed .container-xl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Force workspace column side-by-side, never below */
body.sidebar-collapsed .row > .col-xxl {
    flex: 1 1 0% !important;
    width: 0 !important;
    min-width: 0 !important;
}