/* BSRDMS Institutional UI 13.1 — role-first, token-driven, accessible office design. */
:root{
 --blue:var(--brand-primary,#1557b0);--navy:var(--brand-nav,#123052);--gold:var(--brand-accent,#d39b24);--bg:var(--brand-page,#f5f8fc);
 --ui-primary:var(--brand-primary,#1557b0);--ui-accent:var(--brand-accent,#d39b24);--ui-nav:var(--brand-nav,#123052);--ui-page:var(--brand-page,#f5f8fc);
 --ui-primary-soft:color-mix(in srgb,var(--ui-primary) 10%,var(--card,#fff));--ui-accent-soft:color-mix(in srgb,var(--ui-accent) 14%,var(--card,#fff));--ui-nav-soft:color-mix(in srgb,var(--ui-nav) 8%,var(--card,#fff));
 --ui-border:color-mix(in srgb,var(--ui-nav) 14%,var(--card,#fff));--ui-shadow:0 8px 24px color-mix(in srgb,var(--ui-nav) 8%,transparent);--ui-shadow-lg:0 18px 50px color-mix(in srgb,var(--ui-nav) 18%,transparent);
 --ui-success:var(--brand-success,#16824f);--ui-warning:var(--brand-warning,#9a6405);--ui-danger:var(--brand-danger,#b42318);--ui-info:var(--ui-primary);--control-height:44px;
}
html:not([data-theme=dark]){--card:var(--brand-surface,#fff);--surface:var(--brand-surface,#fff);--text:var(--brand-text,#172436);--ink:var(--brand-text,#172436)}
body{background:var(--ui-page);color:var(--text);letter-spacing:-.005em}.page{min-height:calc(100dvh - 126px)}
.topbar{height:72px;border-top:4px solid var(--ui-accent);border-bottom:1px solid var(--ui-border);background:var(--card);box-shadow:0 2px 12px color-mix(in srgb,var(--ui-nav) 5%,transparent)}
.brand{color:var(--ui-nav)}.brand-copy strong{color:var(--ui-nav)}.nav-links a:hover,.nav-links a.active{background:var(--ui-primary-soft);color:var(--ui-primary)}.nav-links a.active:after{background:var(--ui-accent)}
.notification-bell:hover{background:var(--ui-accent-soft)}.header-profile{border-color:color-mix(in srgb,var(--ui-primary) 28%,var(--ui-border))}
.management-page,.enterprise-page,.office-admin-page{padding-top:20px;padding-bottom:24px}
.management-hero,.enterprise-hero,.workspace-hero,.work-hero,.notes-hero,.call-setup-hero{min-height:150px;border:1px solid color-mix(in srgb,var(--ui-accent) 30%,transparent);border-radius:var(--brand-radius)!important;padding:25px 28px!important;background:linear-gradient(116deg,var(--ui-nav),color-mix(in srgb,var(--ui-primary) 78%,var(--ui-nav)) 66%,color-mix(in srgb,var(--ui-accent) 82%,var(--ui-primary)))!important;box-shadow:var(--ui-shadow-lg)!important}
.management-hero:after{width:250px;height:250px;border-width:46px;right:-72px;top:-105px}.management-hero h1,.enterprise-hero h1,.workspace-hero h1,.work-hero h1{font-size:clamp(25px,2.4vw,36px);line-height:1.12;letter-spacing:-.035em}.management-hero p,.enterprise-hero p{line-height:1.45}.hero-avatar{width:72px;height:72px;border-radius:calc(var(--brand-radius) * .8)}
.hero-actions{gap:8px}.hero-actions .btn,.enterprise-hero>.btn,.workspace-hero .btn{min-width:0;min-height:42px;padding:8px 14px;border:1px solid #ffffffaa!important;border-radius:calc(var(--brand-radius) * .62);background:#fff!important;color:var(--ui-nav)!important;box-shadow:0 5px 16px #07142122}.hero-actions .btn:hover{background:color-mix(in srgb,var(--ui-accent) 12%,#fff)!important}
.metric-grid,.work-metrics,.security-grid{gap:12px;margin:14px 0}.metric-card,.work-metrics>div,.security-stat{min-height:104px;padding:16px 18px;border:1px solid var(--ui-border);border-top:3px solid color-mix(in srgb,var(--ui-primary) 58%,var(--ui-border));border-radius:calc(var(--brand-radius) * .82)!important;background:var(--card);box-shadow:var(--ui-shadow)}.metric-card .metric-icon{width:38px;height:38px;background:var(--ui-primary-soft);color:var(--ui-primary)}.metric-card strong,.work-metrics strong,.security-stat strong{font-size:25px;line-height:1.1;margin-top:8px}.metric-card span,.work-metrics span{font-size:13px;color:var(--muted)}
.dashboard-grid{gap:14px}.dashboard-card h2,.panel h2{font-size:20px;letter-spacing:-.025em}.dashboard-card>p{font-size:13px}.section-head{gap:14px}
.quick-actions{gap:8px}.quick-action{position:relative;min-height:50px;display:flex;align-items:center;padding:11px 13px;border:1px solid var(--ui-border);border-radius:calc(var(--brand-radius) * .66);background:color-mix(in srgb,var(--ui-page) 40%,var(--card));font-size:13px;font-weight:700;transition:.16s}.quick-action:hover{border-color:color-mix(in srgb,var(--ui-primary) 50%,var(--ui-border));background:var(--ui-primary-soft);color:var(--ui-primary);transform:translateY(-1px)}
.secure-signin-button,.install-app-button{background:var(--ui-primary)!important;border-color:var(--ui-primary)!important;color:#fff!important}

.searchbox{border-color:var(--ui-border);box-shadow:var(--ui-shadow)}.searchbox:focus-within{border-color:var(--ui-primary);box-shadow:0 12px 35px color-mix(in srgb,var(--ui-primary) 14%,transparent),0 0 0 3px color-mix(in srgb,var(--ui-primary) 13%,transparent)}
.search-home{max-width:960px;padding-top:clamp(30px,5vh,60px);padding-bottom:40px}.search-home .dashboard-official-logo{width:94px;height:94px}.search-home h1{margin:15px 0 2px;font-size:clamp(34px,4vw,50px);color:var(--ui-nav)}.search-home>p{margin-top:5px}.search-home .searchbox{margin-top:24px}
.status-draft{background:var(--ui-nav-soft);color:var(--ui-nav)}.status-submitted,.status-queried{border-color:currentColor}.status-submitted{background:var(--ui-accent-soft);color:var(--ui-warning)}.status-unit_approved{background:var(--ui-primary-soft);color:var(--ui-primary)}.status-director_approved{background:color-mix(in srgb,var(--ui-success) 12%,var(--card));color:var(--ui-success)}
.alert.success{background:color-mix(in srgb,var(--ui-success) 11%,var(--card));color:var(--ui-success);border-color:color-mix(in srgb,var(--ui-success) 35%,var(--ui-border))}.alert.warning{background:var(--ui-accent-soft);color:color-mix(in srgb,var(--ui-accent) 55%,#4b3500);border-color:color-mix(in srgb,var(--ui-accent) 42%,var(--ui-border))}.alert.error{background:color-mix(in srgb,var(--ui-danger) 9%,var(--card));color:var(--ui-danger)}
.dashboard-attendance-gold{background:linear-gradient(120deg,color-mix(in srgb,var(--ui-nav) 82%,#000),color-mix(in srgb,var(--ui-accent) 72%,var(--ui-nav)))!important}.attendance-ring:before{background:color-mix(in srgb,var(--ui-nav) 60%,var(--ui-accent))}
.office-stat-strip{gap:9px}.office-stat-strip article{border-color:var(--ui-border);box-shadow:var(--ui-shadow)}.office-stat-icon,.office-quick-grid i{background:var(--ui-primary);color:#fff}.office-searchbox,.office-quick-grid>a{background:color-mix(in srgb,var(--ui-page) 45%,var(--card));border-color:var(--ui-border)}
.page-help-button{background:var(--ui-nav)}.office-call-launcher{background:color-mix(in srgb,var(--ui-primary) 74%,var(--ui-nav))}.meeting-directory-shell>header,.meeting-invite-dialog>div>header{background:linear-gradient(120deg,var(--ui-nav),var(--ui-primary))}.meeting-directory-shell>footer .primary,.meeting-invite-dialog footer button{background:var(--ui-primary);border-color:var(--ui-primary)}.incoming-pulse{background:var(--ui-accent);color:#241b00}.meeting-controls button.on{border-color:var(--ui-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent) 25%,transparent)}
.workspace-hero,.notes-hero,.call-setup-hero{color:#fff}.workbook-icon,.workspace-widget-icon{background:color-mix(in srgb,var(--ui-primary) 76%,var(--ui-nav));color:#fff}.sheet-shell{background:var(--ui-page);color:var(--text)}.sheet-titlebar,.sheet-toolbar,.formula-bar,.sheet-status{background:var(--card);border-color:var(--ui-border)}.sheet-titlebar .primary{background:var(--ui-primary)}.sheet-grid,.sheet-cell{background:var(--card);border-color:var(--ui-border)}.sheet-head{background:color-mix(in srgb,var(--ui-nav) 5%,var(--card));border-color:var(--ui-border)}.sheet-cell.selected,.sheet-cell[contenteditable=true]:focus{outline-color:var(--ui-primary)}.sheet-resize-handle:hover,.sheet-resize-handle:focus{background:color-mix(in srgb,var(--ui-primary) 34%,transparent);outline-color:var(--ui-primary)}
.game-card{position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;width:110px;height:110px;right:-40px;top:-45px;border-radius:50%;background:var(--ui-primary-soft)}.game-symbol{position:relative;color:var(--ui-primary)}.memory-card{background:linear-gradient(145deg,var(--ui-nav),var(--ui-primary))}.number-grid button:hover{border-color:var(--ui-primary);background:var(--ui-primary-soft)}
.branding-intro{background:linear-gradient(120deg,var(--ui-nav),var(--ui-primary))}.brand-preview{background:var(--ui-page)}.preview-hero{background:linear-gradient(125deg,var(--ui-nav),var(--ui-primary) 65%,color-mix(in srgb,var(--ui-accent) 72%,var(--ui-primary)))}.preview-hero button{background:var(--ui-accent)}
.secure-access-login{background:linear-gradient(120deg,var(--ui-nav) 0 52%,var(--ui-page) 52%)}.secure-login-context{background:linear-gradient(145deg,var(--ui-nav),color-mix(in srgb,var(--ui-primary) 76%,var(--ui-nav)))}.access-classification{background:color-mix(in srgb,var(--ui-nav) 92%,#000);border-bottom-color:var(--ui-accent)}.secure-kicker,.secure-login-heading small{color:color-mix(in srgb,var(--ui-accent) 72%,#fff)}.secure-input:focus-within{border-color:var(--ui-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 16%,transparent)}
html[data-theme=dark]{--ui-border:color-mix(in srgb,var(--ui-primary) 18%,#263447);--ui-primary-soft:color-mix(in srgb,var(--ui-primary) 18%,#151f2d);--ui-accent-soft:color-mix(in srgb,var(--ui-accent) 18%,#151f2d)}html[data-theme=dark] .workbook-row{background:var(--card);border-color:var(--ui-border)}html[data-theme=dark] th{background:#111b28}html[data-theme=dark] tbody tr:hover{background:var(--ui-primary-soft)}
@media(max-width:900px){.office-admin-page{padding-top:14px}.dashboard-grid{gap:10px}}
@media(max-width:600px){.topbar{border-top-width:3px}.quick-actions{grid-template-columns:1fr}.search-home{padding-top:25px}.search-home .dashboard-official-logo{width:76px;height:76px}}
@media(prefers-contrast:more){:root{--ui-border:color-mix(in srgb,var(--ui-nav) 42%,var(--card))}.btn,input,select,textarea,.dashboard-card,.metric-card{border-width:2px}}