/* One permission-aware navigation for all viewport sizes. */
.sidebar{padding:20px 12px 14px;background:var(--sidebar);overflow:visible;z-index:40}
.portal-header{display:flex;align-items:center;gap:4px;flex-shrink:0;min-width:0;margin-bottom:24px;padding:0 4px}
.portal-header .brand{flex:1;min-width:0;margin:0;gap:10px;font-size:14px;font-weight:600;line-height:1.4;color:var(--brand-milk)}
.portal-header .brandmark{width:40px;height:40px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.portal-header .brand>span{max-width:120px}
.portal-header .notification-bell summary{color:var(--sidebar-text);padding:7px}
.portal-header .notification-bell summary:hover{background:var(--sidebar-hover)}
.portal-header .notification-bell svg{width:20px;height:20px}
.portal-header .notification-popover{left:0;right:auto;color:var(--ink);box-shadow:var(--shadow-menu)}
.portal-header .notification-bell summary b{position:absolute;top:0;right:-2px}
.navigation-contents{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sidebar-line) transparent;padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}
.sidebar nav{display:block;overflow:visible}
.nav-group{margin:0 0 8px}
.nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;min-height:40px;padding:8px 12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.045em;color:var(--sidebar-muted);line-height:1.4;border-radius:8px}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary:hover{background:var(--sidebar-hover);color:white}
.sidebar :is(a,button,summary):focus-visible{outline:2px solid #B5D3BD;outline-offset:-2px}
.nav-chevron{width:6px;height:6px;flex-shrink:0;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg);margin-right:3px}
.nav-group[open]>summary .nav-chevron{transform:rotate(45deg)}
.nav-items{display:grid;gap:2px}
.sidebar .nav-items a,.sidebar .utility-navigation a,.sidebar .nav-logout{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;white-space:normal;overflow-wrap:anywhere;padding:10px 12px;font-size:13px;line-height:1.5;border-radius:8px;color:var(--sidebar-text)}
.nav-icon{flex:0 0 18px;opacity:.85}
.nav-label{min-width:0;flex:1}
.sidebar .nav-items a.active,.sidebar .utility-navigation a.active{background:var(--sidebar-active);color:white;box-shadow:inset 3px 0 #B5D3BD;font-weight:600}
.sidebar .nav-items a:hover,.sidebar .utility-navigation a:hover,.sidebar .nav-logout:hover{background:var(--sidebar-hover);color:white;text-decoration:none}
.sidebar .nav-items a.active:hover,.sidebar .utility-navigation a.active:hover{background:var(--sidebar-active)}
.sidebar .nav-items a[data-task-nav]{white-space:nowrap}
.task-nav-count{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-left:auto;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:#50695A;color:#FAFCF9;font-size:12px;font-weight:600;line-height:20px;font-variant-numeric:tabular-nums}
.task-nav-count[hidden]{display:none}
.sidebar .utility-navigation{border-top:1px solid var(--sidebar-line);margin-top:16px;padding-top:12px}
.sidebar .nav-logout{text-align:left;width:100%;border:0;background:transparent;font-weight:400}
.sidebar .count{min-width:22px;padding:1px 6px;border-radius:6px;background:var(--sidebar-active);color:white;font-size:12px;text-align:center}
.nav-identity{color:var(--sidebar-muted);font-size:12px;padding:12px 12px 0;overflow-wrap:anywhere}
.mobile-nav-backdrop{display:none}
main:not(.auth-main){padding-top:32px}
.reference-tabs{display:flex;gap:6px;flex-wrap:wrap;max-width:100%;border-bottom:1px solid var(--line);padding-bottom:10px;margin:0 0 18px}
.reference-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border-radius:var(--radius-control);font-size:14px;line-height:1.4;text-align:center}
.reference-tabs a[aria-current=page]{background:var(--soft);color:var(--green);font-weight:600}
.reference-tabs a:hover{background:var(--soft);text-decoration:none}
.section-back{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:14px;margin-bottom:14px;min-width:0}
.section-back a{min-height:36px;display:inline-flex;align-items:center;overflow-wrap:anywhere}
.section-back-parent~a .section-back-arrow{display:none}
@media(max-width:760px){
 html{scroll-padding-top:84px}
 .sidebar{position:sticky;top:0;display:block;width:100%;padding:12px 16px;max-width:100%;z-index:40}
 .portal-header{margin:0;padding:0;gap:8px;min-height:44px}
 .portal-header .brand{font-size:13px;gap:10px}
 .portal-header .brand>span{max-width:120px}
 .portal-header .brandmark{width:40px;height:40px}
 .nav-enhanced .mobile-nav-toggle{display:inline-flex;gap:8px;min-height:44px;padding:8px 10px;flex-shrink:0;font-size:13px;background:var(--sidebar-hover);border:1px solid var(--sidebar-line);color:white;border-radius:9px}
 .navigation-contents{margin:12px 0 0;max-height:calc(100dvh - 84px);overflow-y:auto;padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}
 .nav-enhanced .navigation-contents{position:fixed;inset:68px auto 0 0;width:min(320px,calc(100vw - 32px));max-height:none;margin:0;padding:16px 12px max(24px,env(safe-area-inset-bottom,0px));background:var(--sidebar);z-index:42;box-shadow:8px 0 24px #20382F14}
 .nav-enhanced.is-nav-open .mobile-nav-backdrop{display:block;position:fixed;inset:68px 0 0;width:100%;height:calc(100dvh - 68px);min-height:0;padding:0;border:0;border-radius:0;background:#20382F66;z-index:41;cursor:default}
 .sidebar .main-navigation,.sidebar .utility-navigation{display:block}
 .nav-group>summary{font-size:11px;min-height:44px}
 .sidebar .nav-items a,.sidebar .utility-navigation a,.sidebar .nav-logout{font-size:14px;min-height:46px}
 main:not(.auth-main){padding-top:20px}
 .portal-header .notification-popover{position:fixed;top:76px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 92px);padding-bottom:max(14px,env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
 .reference-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:14px;padding-bottom:8px}
 .reference-tabs a{padding:8px 5px;min-width:0;font-size:12px;overflow-wrap:anywhere}
 .section-back{margin-bottom:10px;display:block}
 .section-back .section-back-parent{display:none}
 .section-back a{min-height:44px}
 .section-back-parent~a .section-back-arrow{display:inline}
 body:has(.sidebar.is-nav-open){overflow:hidden}
}
.calendar-embedded main{padding-top:16px}
/* Navigation feedback occupies no menu row and never blanks the old section. */
#portal-main:focus{outline:none}
.portal-navigation-status{position:fixed;z-index:120;right:18px;bottom:18px;max-width:calc(100vw - 36px);padding:10px 14px;border:1px solid var(--control-line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-menu);font-size:13px}
.portal-navigation-status[hidden]{display:none}
.portal-navigation-status button,.portal-navigation-status a{margin-left:10px}
.sidebar .navigation-contents a.is-navigation-pending{background:var(--sidebar-active);color:#fff}
@media(max-width:760px){.portal-navigation-status{left:12px;right:12px;bottom:12px;max-width:none}}