/* New controls are absent from the classic and printed layout. No route, menu,
   authorization, or saved navigation preference is changed by these styles. */
.dahs-personnel-only { display:none; }
.dahs-navigation-items { display:contents; }

@media screen {
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-shell { --personnel-nav-width:17.5rem; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-shell :is(a,button):focus-visible { outline:2px solid #a5b4fc; outline-offset:-2px; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-skip-link { display:block; position:fixed; z-index:2000; top:-100px; inset-inline-start:16px; padding:12px 16px; border-radius:8px; background:#fff; color:#17233d; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-skip-link:focus { top:12px; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-body { padding-inline-start:var(--personnel-nav-width); }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-topbar { padding-inline-start:var(--personnel-nav-width); min-height:64px; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-topbar-inner { min-height:64px; gap:12px; padding:10px 32px; flex-wrap:wrap; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-brand { min-width:0; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-brand-text h1 { font-size:.875rem; font-weight:700; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-search { display:flex; flex:1 1 170px; min-width:0; max-width:360px; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-topbar-actions { min-width:0; max-width:100%; gap:4px; flex-wrap:wrap; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-user-role { max-width:160px; overflow-wrap:anywhere; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-navigation-toggle { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; flex:0 0 auto; border:1px solid #e2e8f0; border-radius:8px; background:#fff; color:#64748b; cursor:pointer; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-nav-surface { position:fixed; inset-block:0; inset-inline-start:0; width:var(--personnel-nav-width); z-index:70; display:flex; overflow:visible; transition:none; background:radial-gradient(circle at 85% 8%, rgba(99,102,241,.16), transparent 42%), radial-gradient(circle at 15% 92%, rgba(14,165,233,.12), transparent 48%), #f4f6fb; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-sidebar,
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-sidebar.is-collapsed { position:relative; top:auto; width:100%; height:100%; min-height:0; padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom); gap:0; overflow:hidden; border:0; border-inline-end:1px solid rgba(203,213,225,.75); background:linear-gradient(180deg, rgba(255,255,255,.8), rgba(248,250,255,.66)); -webkit-backdrop-filter:blur(20px) saturate(170%); backdrop-filter:blur(20px) saturate(170%); box-shadow:-8px 0 30px rgba(15,23,42,.05); color:#1e293b; transition:none; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-navigation-brand { display:flex; height:64px; flex:0 0 auto; align-items:center; gap:12px; padding:0 16px; border-bottom:1px solid rgba(203,213,225,.6); }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-navigation-brand a { display:flex; align-items:center; gap:12px; min-width:0; flex:1; text-decoration:none; color:#0f172a; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-navigation-brand-copy { min-width:0; flex:1; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-navigation-brand strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#0f172a; font-size:.875rem; font-weight:800; line-height:1.25rem; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-navigation-brand span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:.125rem; color:#64748b; font-size:.75rem; font-weight:400; line-height:1rem; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-navigation-brand .dahs-navigation-monogram { display:flex; width:2.5rem; height:2.5rem; flex:0 0 auto; align-items:center; justify-content:center; margin:0; border-radius:.75rem; background:#6366f1; color:#fff; font-size:1rem; font-weight:900; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-navigation-dismiss { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; min-width:44px; flex:0 0 auto; border:0; border-radius:.6rem; padding:0; background:transparent; color:#64748b; cursor:pointer; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-navigation-dismiss:hover { color:#0f172a; background:rgba(15,23,42,.06); }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-navigation-items { display:flex; flex:1 1 auto; min-height:0; flex-direction:column; gap:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; padding:20px 12px; scrollbar-width:thin; scrollbar-color:#cbd5e1 transparent; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-navigation-section-label { display:block; flex:0 0 auto; margin:0; padding:0 .75rem .5rem; color:#64748b; font-size:.75rem; font-weight:700; line-height:1rem; letter-spacing:.025em; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-nav-cell { flex:0 0 auto; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-sidebar .dahs-nav-item { min-height:44px; margin-bottom:4px; padding:10px 12px; justify-content:flex-start; gap:12px; background:transparent; border:0; border-radius:12px; box-shadow:none; color:#475569; font-size:.875rem; font-weight:600; line-height:1.25rem; text-align:start; white-space:normal; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-sidebar .dahs-nav-item > span { flex:1; min-width:0; font-size:.875rem; font-weight:600; line-height:1.25rem; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-sidebar .dahs-nav-item > svg { width:1.25rem; height:1.25rem; flex:0 0 auto; opacity:1; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-sidebar .dahs-nav-label,
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-sidebar .dahs-nav-caret { display:block; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-sidebar .dahs-nav-item:hover { background:rgba(99,102,241,.07); color:#1e293b; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-sidebar .dahs-nav-item--active { background:rgba(99,102,241,.12); color:#4338ca; box-shadow:inset 0 0 0 1px rgba(99,102,241,.18); }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-sidebar .dahs-nav-item--open { background:rgba(15,23,42,.05); color:#0f172a; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-sidebar .dahs-nav-caret { width:1rem; height:1rem; color:currentColor; opacity:.68; transform:rotate(-90deg); transition:transform .15s ease; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-nav-item--open .dahs-nav-caret { transform:rotate(90deg); color:currentColor; opacity:1; }
    /* Tree: a group opens its authorized children inline, directly below it. */
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-nav-children { position:relative; display:flex; flex-direction:column; gap:2px; margin:0 0 8px; padding-inline-start:30px; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-nav-children::before { content:""; position:absolute; inset-block:2px; inset-inline-start:21px; width:1px; background:rgba(148,163,184,.45); }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-nav-child { display:flex; align-items:center; width:100%; min-height:38px; margin:0; padding:8px 12px; border:0; border-radius:10px; background:transparent; color:#475569; font:inherit; font-size:.8125rem; font-weight:500; line-height:1.25rem; text-align:start; text-decoration:none; white-space:normal; overflow-wrap:anywhere; cursor:pointer; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-nav-child:hover { background:rgba(99,102,241,.07); color:#1e293b; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-nav-child--active { background:rgba(99,102,241,.12); color:#4338ca; font-weight:600; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-nav-child--muted, html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-nav-child--muted:hover { background:transparent; color:#94a3b8; cursor:default; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) :is(.dahs-navigation-toggle,.dahs-navigation-dismiss) svg { width:1.25rem; height:1.25rem; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-shell[data-personnel-nav-collapsed="true"] :is(.dahs-body,.dahs-topbar) { padding-inline-start:0; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-shell[data-personnel-nav-collapsed="true"] .dahs-nav-surface { visibility:hidden; pointer-events:none; }
}

@media screen and (max-width:1023px) {
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-shell :is(.dahs-body,.dahs-topbar) { padding-inline-start:0; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-nav-surface { width:min(352px,calc(100vw - 32px)); visibility:hidden; pointer-events:none; transform:translateX(104%); }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-shell[data-personnel-nav-open="true"] .dahs-nav-surface { visibility:visible; pointer-events:auto; transform:none; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-shell[data-personnel-nav-open="true"] .dahs-navigation-backdrop { display:block; position:fixed; inset:0; z-index:60; border:0; background:#0206179e; cursor:pointer; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-sidebar { box-shadow:-18px 0 48px #02061757; background:rgba(255,255,255,.94); }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-topbar-inner { padding-inline:16px; }
}

@media screen and (min-width:640px) and (max-width:1023px) {
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-topbar-inner { padding-inline:24px; }
}

@media screen and (max-width:560px) {
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-nav-surface { width:min(336px,calc(100vw - 12px)); }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-topbar-inner { gap:8px; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-topbar-actions { width:100%; justify-content:flex-start; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-icon-btn { width:44px; height:44px; }
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-search { order:3; flex-basis:100%; max-width:none; }
}

@media screen and (prefers-reduced-motion:reduce) {
    html[data-ui-design="personnel"][data-personnel-navigation="ready"]:not([data-theme="dark"]) .dahs-shell :is(.dahs-nav-surface,.dahs-nav-caret,.dahs-nav-item,.dahs-nav-child) { transition:none; }
}
