.system-settings-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid #e5e9ed; border-bottom:1px solid #e5e9ed; margin-bottom:12px; padding:8px 0; }
.system-settings-actions .nav-more-item { min-width:0; white-space:normal; overflow-wrap:anywhere; padding:12px 10px; cursor:pointer; }
.system-settings-actions .nav-more-item svg { flex-shrink:0; }
.system-settings-actions .nav-more-item:focus-visible { outline:2px solid #3498db; outline-offset:-2px; }
.system-unlock-button { display:none; }
body.screen-locked .system-unlock-button { display:block; position:fixed; top:12px; right:16px; z-index:99990; padding:10px 18px; border:1px solid #b7d9c7; border-radius:6px; background:#e8f5ec; color:#185c3c; font:inherit; cursor:pointer; }
.nav-btn-more { flex-shrink:0; white-space:nowrap; }
.system-settings-actions[hidden], #systemAccountPanel[hidden], .personal-shortcut-section[hidden] { display:none !important; }
.system-account-entry { border:0; background:transparent; font-family:inherit; text-align:left; }
.system-account-back { border:0; background:transparent; color:#287c68; font:inherit; padding:8px 0; margin-bottom:12px; cursor:pointer; }

@media (max-width:768px) {
    .nav-container > .select-id-navClassFilter,
    .nav-container > .nav-class-filter {
        order:5;
        flex:0 0 calc(40% - 3px);
        width:calc(40% - 3px);
        min-width:0;
        margin-top:2px;
    }
    .nav-container > .nav-center {
        order:6;
        flex:1 1 0;
        width:0;
        min-width:0;
        margin-top:2px;
    }
    .nav-container .select-id-navClassFilter .sm-custom-select-trigger,
    .nav-container > .nav-class-filter,
    .nav-container .search-box { height:36px; box-sizing:border-box; }
    .nav-container .search-box #searchInput {
        flex:1 1 0;
        min-width:0;
        width:0;
        height:34px;
        box-sizing:border-box;
    }
    .nav-container .search-btn { flex-shrink:0; }
}

@media (max-width:768px) {
    html .navbar .nav-container {
        display:grid;
        grid-template-columns:repeat(12,minmax(0,1fr));
        gap:6px;
        padding:6px 8px;
    }
    .navbar .nav-container::before,
    .navbar .nav-container::after { display:none; }
    html .navbar .nav-brand {
        display:flex !important;
        grid-row:1;
        grid-column:1 / 4;
        min-width:0;
        width:100%;
        height:38px;
        padding:0;
        margin:0;
        border:0;
        justify-content:center;
    }
    .navbar .nav-brand-corgi { width:100%; height:100%; object-fit:contain; }
    html .navbar .nav-left .nav-btn,
    html .navbar .nav-more-wrap,
    html .navbar .nav-more-wrap .nav-btn {
        width:100%;
        min-width:0;
        margin:0;
        height:38px;
        box-sizing:border-box;
    }
    html .navbar .nav-left .nav-btn,
    html .navbar .nav-more-wrap .nav-btn {
        padding:0 3px;
        gap:3px;
        font-size:12px;
        line-height:1.15;
        white-space:normal;
    }
    .navbar .nav-left .nav-btn:nth-child(1) { grid-row:1; grid-column:4 / 7; }
    .navbar .nav-left .nav-btn:nth-child(2) { grid-row:1; grid-column:7 / 10; }
    .navbar .nav-left .nav-btn:nth-child(3) { grid-row:1; grid-column:10 / 13; }
    .navbar #parentBindNavBtn { grid-row:2; grid-column:1 / 5; }
    .navbar #userInfo { grid-row:2; grid-column:5 / 9; }
    .navbar .nav-more-wrap { grid-row:2; grid-column:9 / 13; }
    html .navbar .nav-container > .select-id-navClassFilter,
    html .navbar .nav-container > .nav-class-filter {
        grid-row:3;
        grid-column:1 / 6;
        width:100%;
        margin:0;
    }
    html .navbar .nav-container > .nav-center {
        grid-row:3;
        grid-column:6 / 13;
        width:100%;
        margin:0;
    }
}

/* Keep all navigation commands reachable without a hidden horizontal scroller. */
@media (min-width:769px) {
    .nav-container { flex-wrap:wrap; }
    .nav-left { display:contents; }
    .nav-container > .nav-divider { display:none; }
}