body.sidebar-collapsed #appLayout {
      display: grid !important;
      grid-template-columns: 64px 1fr !important;
    }
    @media (min-width: 768px) {
      body:not(.sidebar-collapsed) #appLayout {
        grid-template-columns: 260px 1fr !important;
      }
    }
    body.sidebar-collapsed aside#sidebar {
      width: 64px !important; min-width: 64px !important; max-width: 64px !important;
    }
    @media (min-width: 768px) {
      body.sidebar-collapsed aside#sidebar {
        position: sticky !important; top: 0 !important; left: auto !important;
        transform: none !important;
      }
    }
    body.sidebar-collapsed #appLayout > div.flex.flex-col {
      width: 100% !important;
      min-width: 0;
      overflow-x: hidden;
    }
    #appLayout > footer {
      grid-column: 2 / -1 !important;
      width: auto !important;
    }
    #appLayout > div:not(.flex):not(#sidebar):not(aside),
    #appLayout > button {
      grid-column: 1 / -1;
    }
    body.sidebar-collapsed aside#sidebar .logo-box { padding: 8px 4px !important; min-height: auto !important; }
    body.sidebar-collapsed aside#sidebar .logo-box img { max-height: 40px !important; max-width: 40px !important; }
    body.sidebar-collapsed aside#sidebar nav a span.flex-1 { display: none !important; }
    body.sidebar-collapsed aside#sidebar .cskh-card { display: none !important; }
    body.sidebar-collapsed aside#sidebar nav > div { display: none !important; }
    body.sidebar-collapsed aside#sidebar nav a { padding: 10px 8px !important; justify-content: center !important; gap: 0 !important; }
    body.sidebar-collapsed aside#sidebar nav a span:not(.w-6):not(.w-5\.5):not(.w-1\.5):not(.w-2):not(.flex-1) { display: none !important; }
    body.sidebar-collapsed aside#sidebar #sidebarToggleBtn { padding: 10px 8px !important; }
    body.sidebar-collapsed aside#sidebar #sidebarToggleBtn .toggle-label { display: none !important; }
    body.sidebar-collapsed aside#sidebar nav a { position: relative; }
    body.sidebar-collapsed aside#sidebar nav a:hover::after {
      content: attr(data-tooltip);
      position: absolute; left: 100%; top: 50%; transform: translateY(-50%);
      background: rgba(0,0,0,.92); color: #fff; padding: 5px 10px;
      border-radius: 6px; font-size: 12px; font-weight: 600; white-space: nowrap;
      margin-left: 10px; z-index: 1000; pointer-events: none;
      box-shadow: 0 4px 12px rgba(0,0,0,.4);
    }
    #sidebar nav a span.absolute.left-0{ background:linear-gradient(180deg,#ff7a18,#ff9a3a)!important; width:4px!important; box-shadow:0 0 10px rgba(255,122,24,.75); }
    #sidebar nav a:has(> span.absolute.left-0){ box-shadow: inset 0 0 0 1px rgba(255,122,24,.22); }
    #sidebar nav a:hover span.w-6{ color:#ff9a3a; }
    #sidebar nav a span.bg-bg-deep{ background:#1b2230!important; color:#ff9a3a!important; border:1px solid #2c3647; }