.app-brand-monogram { display: none; }
/* Desktop shell; the existing compact-screen overlay remains in charge below 1366px. */
@media (min-width: 1366px) {
    html { --app-sidebar-width: 248px; }
    html.app-sidebar-collapsed { --app-sidebar-width: 76px; }
    body:has(.app-sidebar) { padding-left: var(--app-sidebar-width); }
    body > header.app-header { padding: 0 !important; height: 0; min-height: 0; border: 0; }
    .app-sidebar {
        position: fixed; inset: 0 auto 0 0; z-index: 1040;
        width: var(--app-sidebar-width); display: flex; flex-direction: column;
        padding: 18px 12px 12px; color: #c8cbd6;
        background: linear-gradient(175deg, #252839, #191c2b);
        border-right: 1px solid #ffffff0d; box-shadow: 4px 0 20px #14182712;
    }
    .app-sidebar-brand { flex: 0 0 auto; padding: 4px 0 18px; }
    .app-brand-link { display: block; text-decoration: none; }
    body > header.app-header .app-brand-link .logo {
        width: fit-content; margin: auto; padding: 7px 10px;
        font-size: 24px; border-radius: 10px; background: #f8f9fa;
    }
    .app-sidebar-toggle {
        display: flex; align-items: center; gap: 12px; width: 100%;
        border: 1px solid #ffffff16; border-radius: 9px; padding: 9px 12px;
        background: #ffffff05; color: #aeb4c6; font-size: 12px; text-align: left;
        margin-bottom: 14px;
    }
    .app-sidebar-toggle:hover { background: #ffffff12; color: white; }
    .app-navigation { flex: 1 1 auto; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #53586b transparent; }
    .app-nav-list, .app-nav-section-list, .app-sidebar-account { list-style: none; padding: 0; margin: 0; }
    .app-nav-list > li, .app-nav-section-list > li { margin: 3px 0; }
    .app-nav-section-title { padding: 15px 12px 7px; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #858da5; }
    .app-sidebar .app-navigation a, .app-sidebar .app-notifications, .app-sidebar .app-login-link {
        display: flex; align-items: center; gap: 12px; min-height: 40px;
        padding: 10px 12px !important; border-radius: 9px; color: #c8cbd6;
        font-size: 13px; line-height: 1.35; text-decoration: none; white-space: normal;
    }
    .app-sidebar a > i, .app-sidebar-toggle > i { flex: 0 0 20px; width: 20px; text-align: center; font-size: 17px; }
    .app-sidebar .app-navigation a:hover, .app-sidebar .app-notifications:hover, .app-sidebar .app-login-link:hover { background: #ffffff0c; color: white; }
    .app-sidebar .app-navigation a.active, .app-sidebar .app-notifications.active {
        background: linear-gradient(110deg, #ff7b22, #ed5d19); color: white;
        box-shadow: 0 4px 12px #f26b1d24;
    }
    .app-sidebar .dropdown-toggle::after { margin-left: auto; }
    .app-sidebar .dropdown-menu { background: #252839; border: 1px solid #42475c; padding: 6px; min-width: 260px; box-shadow: 0 12px 30px #0003; }
    .app-sidebar .dropdown-menu a { color: #d9dce5; }
    .app-sidebar-account { flex: 0 0 auto; margin-top: 12px; padding-top: 10px; border-top: 1px solid #ffffff14; }
    .app-account-authenticated { display: flex; flex-direction: column; gap: 8px; }
    .app-account-authenticated > * { width: 100%; }
    .app-sidebar .profile-nav-trigger { width: 100%; min-width: 0; padding: 8px; background: #ffffff08; border-color: #ffffff14; color: white; }
    .app-sidebar .profile-nav-name { color: #f1f2f6; }
    .app-sidebar .profile-nav-caption { color: #aeb4c6; }
    .app-sidebar .profile-nav-identity { min-width: 0; }
    .app-sidebar .profile-nav-name { overflow: hidden; text-overflow: ellipsis; }
    .app-sidebar .profile-dropdown-menu { min-width: 300px; background: white; }
    .app-sidebar .profile-dropdown-menu a { color: #343a40; }
    .app-sidebar :is(a, button):focus-visible { outline: 2px solid #ffb877; outline-offset: -2px; }
    body:has(.app-sidebar) .footer.app-footer-fixed { left: auto; right: 0; width: calc(100% - var(--app-sidebar-width)); }
    body:has(.app-sidebar) .sidebar-right { top: 0; bottom: 40px; height: auto; }
    .app-sidebar-collapsed .app-sidebar { padding-inline: 10px; }
    .app-sidebar-collapsed .app-sidebar .app-nav-label,
    .app-sidebar-collapsed .app-nav-section-title,
    .app-sidebar-collapsed .app-sidebar .profile-nav-identity,
    .app-sidebar-collapsed .app-sidebar .profile-nav-chevron,
    .app-sidebar-collapsed .app-navigation > ul > li > .dropdown-toggle::after { display: none; }
    .app-sidebar-collapsed .app-sidebar .dropdown-menu .app-nav-label { display: inline; }
    .app-sidebar-collapsed .app-sidebar .dropdown-menu a { justify-content: flex-start; }
    .app-sidebar-collapsed .app-sidebar .app-navigation a,
    .app-sidebar-collapsed .app-sidebar-toggle,
    .app-sidebar-collapsed .app-notifications { justify-content: center; gap: 0; }
    .app-sidebar-collapsed .app-nav-section-list { padding-top: 5px; border-top: 1px solid #ffffff14; }
    .app-sidebar-collapsed body > header.app-header .app-brand-link .logo { display: none; }
    .app-sidebar-collapsed .app-brand-monogram {
        display: flex; align-items: center; justify-content: center;
        width: 54px; height: 54px; margin: auto;
    }
    .app-brand-monogram > span {
        font-family: 'Aerob-Sport', sans-serif; font-size: 30px; line-height: 1;
        background: linear-gradient(110deg, #ff6c00, #fff700);
        -webkit-background-clip: text; background-clip: text; color: transparent;
    }
    .app-sidebar-collapsed .app-sidebar .profile-nav-trigger { justify-content: center; padding: 7px 0; }
    .app-sidebar-collapsed .app-login-link { font-size: 0; gap: 0; justify-content: center; }
}

@media (min-width: 1366px) and (max-height: 850px) {
    .app-sidebar { padding-top: 12px; }
    .app-sidebar-brand { padding-bottom: 12px; }
    .app-sidebar-toggle { margin-bottom: 10px; }
    .app-nav-list > li, .app-nav-section-list > li { margin: 1px 0; }
    .app-sidebar .app-navigation a { min-height: 34px; padding-block: 7px !important; font-size: 12px; }
    .app-nav-section-title { padding-top: 10px; padding-bottom: 5px; }
}
@media (min-width: 1366px) {
    .app-sidebar-collapsed .app-sidebar .app-navigation .dropdown-menu a {
        justify-content: flex-start;
        gap: 12px;
    }
}

@media (min-width: 1366px) {
    .app-nav-section-list > .app-nav-divider {
        border-bottom: 1px solid #ffffff14;
        margin-bottom: 8px;
        padding-bottom: 8px;
    }
}