.sidebar {
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
}

.sidebar > .brand-box,
.sidebar > .sidebar-section-label,
.sidebar > .sidebar-footer {
    flex-shrink: 0;
}

.sidebar > nav {
    flex: 1 1 auto;
    min-height: 0;
    flex-wrap: nowrap;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    scrollbar-color: #68758c transparent;
}

.sidebar > nav > .sidebar-link {
    flex-shrink: 0;
}

.sidebar > nav::-webkit-scrollbar {
    width: 6px;
}

.sidebar > nav::-webkit-scrollbar-thumb {
    background: #68758c;
    border-radius: 6px;
}

/* Task summary in the shared header. */
.admin-task-alert{display:flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid #fecdd3;background:#fff5f6;color:#9f1239;text-decoration:none;border-radius:12px;line-height:1.35;white-space:nowrap;transition:background .15s,border-color .15s}
.admin-task-alert:hover{background:#ffe8ec;border-color:#fda4af;color:#881337;text-decoration:none}
.admin-task-alert:focus-visible{outline:3px solid #fda4af;outline-offset:3px}
.admin-task-alert>span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:9px;background:#ffe0e6;color:#be123c;font-size:17px;font-weight:800}
.admin-task-alert strong{display:block;font-size:12px;font-weight:700;letter-spacing:.1px}
.admin-task-alert small{display:block;font-size:10px;color:#9b5361;margin-top:2px}
@media(max-width:767px){.portal-topbar{height:auto;min-height:64px;flex-wrap:wrap;gap:8px;padding-top:8px;padding-bottom:8px}.topbar-user{flex-wrap:wrap;justify-content:flex-end}.admin-task-alert{padding:6px 9px;gap:7px}.admin-task-alert strong{font-size:11px}.admin-task-alert>span{width:24px;height:24px}}

/* Employee navigation group */
.sidebar-employee-menu > summary{list-style:none;cursor:pointer}
.sidebar-employee-menu > summary::-webkit-details-marker{display:none}
.sidebar-employee-menu > summary:focus-visible{outline:2px solid #a7b8ff;outline-offset:-2px}
.employee-menu-chevron{margin-left:auto;font-size:20px;line-height:1;transition:transform .15s}
.sidebar-employee-menu[open] .employee-menu-chevron{transform:rotate(90deg)}
.sidebar-employee-links{margin:2px 0 8px 22px;padding-left:8px;border-left:1px solid rgba(255,255,255,.15)}
.sidebar-employee-links .sidebar-link{font-size:11px;padding:9px 10px;white-space:normal}