:root{--pine:#30483a;--pine-deep:#263b30;--pine-soft:#e8eee6;--paper:#f3f0e8;--surface:#fffdf8;--surface-2:#f8f6ef;--ink:#28322c;--muted:#687169;--line:#dedfd7;--terracotta:#a65e46;--terracotta-bg:#f4e6df;--amber:#94702d;--amber-bg:#f6eed8;--olive:#68794f;--olive-bg:#e9efdf;--slate-bg:#e9edeb;--shadow:0 12px 32px rgba(45,58,48,.07);--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;padding:12px 16px;border-radius:8px}.skip-link:focus{top:16px}
.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:var(--pine);color:#eef2e9;padding:26px 18px 20px;display:flex;flex-direction:column;z-index:30}.brand{display:block;text-decoration:none;padding:0 4px 24px}.brand-logo{display:block;width:100%;height:auto;background:#fff;border-radius:9px;padding:5px;box-shadow:0 6px 18px rgba(18,31,24,.18)}.nav-label,.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.55px;text-transform:uppercase}.nav-label{color:#9fb09f;margin:4px 11px 8px}.sidebar nav ul{margin:0;padding:0;list-style:none}.sidebar nav li{margin:2px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:#d9e1d7;font-size:13px;transition:.16s ease}.nav-item:hover,.nav-item:focus-visible{background:rgba(255,255,255,.08);outline:none}.nav-item.active{background:#e8edde;color:#2f4738;font-weight:700;box-shadow:0 4px 14px rgba(20,31,24,.14)}.nav-item svg,.icon-button svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.sidebar-foot{margin-top:auto;border-top:1px solid #526a59;padding:18px 10px 0;display:flex;gap:10px;align-items:center}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:12px}.sidebar-foot small{color:#aebdae;font-size:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:#bacd8d;box-shadow:0 0 0 4px rgba(186,205,141,.13)}
.app-shell{margin-left:264px;min-height:100vh}.topbar{height:72px;background:rgba(255,253,248,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:20}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb span{margin:0 10px;color:#afb3aa}.account-area{display:flex;align-items:center;gap:9px}.role-pill{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:40px;padding:5px 11px 5px 6px;background:#fff}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--pine);color:#fff;font-size:10px;font-weight:800}.role-pill span:last-child{font-size:12px;font-weight:650;line-height:1.2}.role-pill small{display:block;font-size:9px;color:var(--muted);font-weight:500}.logout-button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:11px;font-weight:750;padding:8px}.logout-button:hover,.logout-button:focus-visible{color:var(--pine);text-decoration:underline}.menu-toggle{display:none}.icon-button{border:1px solid var(--line);background:#fff;width:36px;height:36px;border-radius:50%;place-items:center;cursor:pointer}
main{max-width:1580px;margin:0 auto;padding:34px 38px 28px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.page-heading .eyebrow{color:var(--olive);margin:0 0 7px}.page-heading h1{font:400 clamp(2rem,3vw,2.65rem)/1.12 Georgia,serif;letter-spacing:-1.1px;margin:0 0 8px}.page-heading p{margin:0;color:var(--muted);max-width:760px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card{padding:22px}.card h2,.panel-head h2,.empty-state h2{font-size:18px;letter-spacing:-.3px;margin:0 0 8px}.card p{color:var(--muted);margin:0 0 18px}.parity-card{border-top:3px solid var(--olive)}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:var(--olive)!important;font-weight:800;margin:0 0 7px!important}.button{border:1px solid #cfd3c8;border-radius:8px;background:#fff;color:var(--ink);padding:9px 13px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700;cursor:pointer}.button:hover{border-color:#aeb6aa;background:#fbfcf8}.button.primary{background:var(--pine);color:#fff;border-color:var(--pine)}
.pending-panel{margin-top:18px}.panel{overflow:hidden}.panel-head{padding:18px 20px 15px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0}.panel-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.module-grid{display:grid;grid-template-columns:repeat(3,1fr)}.module-grid a{display:flex;flex-direction:column;text-decoration:none;padding:15px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.module-grid a:nth-child(3n){border-right:0}.module-grid strong{font-size:12px}.module-grid span{font-size:10px;color:var(--muted)}.empty-state{padding:55px 24px;text-align:center}.empty-state p{color:var(--muted)}
.callout{border-left:3px solid var(--amber);background:var(--amber-bg);padding:13px 15px;border-radius:0 8px 8px 0;margin-bottom:16px}.callout strong{display:block;font-size:12px;margin-bottom:3px}.callout p{font-size:12px;color:#5f625b;margin:0}.filters{display:grid;gap:9px;margin-bottom:16px}.staff-filters,.facility-filters{grid-template-columns:minmax(260px,2fr) minmax(145px,.7fr) minmax(145px,.7fr) auto auto}.consultant-filters{grid-template-columns:minmax(240px,2fr) repeat(3,minmax(130px,.75fr)) auto auto}.control{width:100%;border:1px solid #d4d8cf;border-radius:8px;background:#fff;padding:10px 11px;color:var(--ink);min-height:42px}.control:focus{outline:3px solid rgba(104,121,79,.16);border-color:var(--olive)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:960px}.data-table th{font-size:10px;letter-spacing:.75px;text-transform:uppercase;text-align:left;color:#717870;background:var(--surface-2);padding:11px 13px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:13px;border-bottom:1px solid var(--line);vertical-align:top;font-size:12px}.data-table tbody tr:hover{background:#fafbf7}.data-table a{font-weight:750;color:#314c3b;text-decoration:none}.data-table small{display:block;color:var(--muted);margin-top:3px}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:800;white-space:nowrap}.badge.success{background:var(--olive-bg);color:#52663e}.badge.danger{background:var(--terracotta-bg);color:#914d3a}.badge.neutral{background:var(--slate-bg);color:#586265}details summary{cursor:pointer;color:var(--pine);font-weight:750}.staff-details{display:grid;grid-template-columns:max-content minmax(180px,1fr);gap:5px 12px;margin:10px 0 0}.staff-details dt{font-weight:750;color:var(--muted)}.staff-details dd{margin:0;overflow-wrap:anywhere}.staff-details .notes{white-space:pre-line}.directory-empty{text-align:center;color:var(--muted);padding:32px!important}
.directory-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.row-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.row-actions form{margin:0}.button.compact{padding:6px 9px;font-size:11px}.danger-button{border-color:#d8b1a2;color:#884632}.danger-button:hover{background:var(--terracotta-bg);border-color:#c98771}.facility-editor{max-width:1040px}.facility-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;padding:20px}.facility-form-grid label{font-size:12px;font-weight:750}.facility-form-grid .control{display:block;margin-top:5px;font-weight:400}.facility-form-grid textarea{resize:vertical;min-height:120px}.form-wide{grid-column:1/-1}.field-error{display:block;color:#914d3a;font-size:11px;margin-top:4px}.data-notice{display:flex;gap:11px;padding:13px 16px;margin-top:22px;background:#eceee4;border:1px solid #daddcf;border-radius:9px;color:#5c675b}.data-notice>span{width:20px;height:20px;border:1px solid #9aa694;border-radius:50%;display:grid;place-items:center;font:italic 13px Georgia}.data-notice p{font-size:11px;margin:0}.data-notice strong{color:#3e4b40}footer{display:flex;justify-content:space-between;gap:16px;padding:20px 2px 0;color:#777d75;font-size:10px}
.panel-head-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-body{padding:18px 20px}.panel-body>p:first-child{margin-top:0}.panel-body>p:last-child{margin-bottom:0}.import-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.notice{padding:13px 16px;border-radius:9px;margin:0 0 16px}.notice ul{margin:6px 0 0;padding-left:20px}.success-notice{background:var(--olive-bg);border:1px solid #cfdbc0;color:#4c603a}.error-notice{background:var(--terracotta-bg);border:1px solid #e3c7ba;color:#7f4434}.import-panel{margin-top:16px}.import-upload-form{display:flex;align-items:end;gap:10px}.import-upload-form label{flex:1;font-size:12px;font-weight:750}.import-upload-form input{display:block;margin-top:5px}.import-map-table{min-width:720px}.import-map-table td:nth-child(1){width:26%}.import-map-table td:nth-child(2){width:36%;overflow-wrap:anywhere}.import-map-table td:nth-child(3){width:38%}.panel-actions{padding:16px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:12px}.import-explanation{display:flex;justify-content:space-between;align-items:center;gap:20px}.import-explanation p{margin:0}.compact-control{display:inline-block;width:auto;min-width:210px;margin-left:6px}.selection-bar{border-bottom:1px solid var(--line);font-weight:750}.import-preview-wrap{max-height:620px}.import-preview-table{min-width:900px}.import-preview-table td:nth-child(5){min-width:320px}.import-state{display:inline-flex;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:800}.state-new{background:var(--olive-bg);color:#52663e}.state-possible-duplicate{background:var(--amber-bg);color:#73591f}.state-already-exists{background:var(--slate-bg);color:#586265}.state-invalid{background:var(--terracotta-bg);color:#914d3a}.final-import-actions{align-items:center;justify-content:space-between}.approval-check{max-width:760px;font-weight:650}.import-history-table{min-width:900px}
@media(max-width:1100px){.sidebar{width:232px}.app-shell{margin-left:232px}.grid.three{grid-template-columns:1fr}.staff-filters,.directory-filters{grid-template-columns:1fr 1fr}.staff-filters input,.directory-filters input{grid-column:1/-1}.module-grid{grid-template-columns:repeat(2,1fr)}.module-grid a:nth-child(3n){border-right:1px solid var(--line)}.module-grid a:nth-child(2n){border-right:0}}
@media(max-width:760px){.sidebar{transform:translateX(-102%);transition:.2s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.menu-toggle{display:grid}.topbar{height:64px;padding:0 17px}.breadcrumb{display:none}main{padding:24px 17px}.grid.two,.grid.three,.facility-form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.page-heading{align-items:flex-start;flex-direction:column}.staff-filters,.directory-filters{grid-template-columns:1fr}.staff-filters input,.directory-filters input{grid-column:auto}.module-grid{grid-template-columns:1fr}.module-grid a{border-right:0!important}.role-pill span:last-child{display:none}.panel-head-actions,.import-upload-form,.import-explanation,.final-import-actions{align-items:stretch;flex-direction:column}.compact-control{display:block;width:100%;margin:6px 0 0}.panel-actions{align-items:stretch}.panel-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Taskflow-derived density principles adapted to WHCS branding. */
:root{--radius:12px}
.sidebar{width:244px;padding:20px 14px 16px}.brand{padding-bottom:16px}.nav-label{margin:4px 9px 6px}.sidebar nav li{margin:1px 0}.nav-item{gap:10px;padding:8px 10px;font-size:12px}.sidebar-foot{padding:14px 8px 0}.app-shell{margin-left:244px}.topbar{height:64px;padding:0 28px}.role-pill{padding:4px 10px 4px 5px}.avatar{width:28px;height:28px}.icon-button{width:34px;height:34px}main{padding:24px 28px}.page-heading{gap:20px;margin-bottom:18px}.page-heading .eyebrow{margin-bottom:5px}.page-heading h1{font-size:clamp(1.8rem,2.6vw,2.35rem);line-height:1.1;margin-bottom:6px}.grid{gap:14px}.card{padding:18px}.card h2,.panel-head h2,.empty-state h2{font-size:17px;margin-bottom:6px}.card p{margin-bottom:14px}.button{border-radius:9px;padding:8px 12px;font-size:12px}.callout{padding:10px 13px;margin-bottom:12px}.callout strong{margin-bottom:2px}.callout p{font-size:11px}.filters{gap:8px;margin-bottom:10px}.staff-filters,.facility-filters{grid-template-columns:minmax(260px,2fr) minmax(135px,.7fr) minmax(135px,.7fr) auto auto}.consultant-filters{grid-template-columns:minmax(240px,2fr) repeat(3,minmax(120px,.75fr)) auto auto}.control{border-radius:10px;padding:8px 10px;min-height:38px}.data-table{min-width:900px}.data-table th{padding:9px 11px;font-size:9px}.data-table td{padding:10px 11px;font-size:11px}.data-table small{margin-top:2px}.badge{padding:3px 7px;font-size:9px}.staff-details{gap:4px 10px;margin-top:8px}.directory-empty{padding:26px!important}
.filter-pill-groups{display:grid;gap:7px;margin:0 0 12px}.filter-pill-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-pill-group>span{min-width:76px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.filter-pill{border:1px solid var(--line);border-radius:99px;background:var(--surface);padding:4px 9px;color:var(--muted);font-size:10px;font-weight:750;text-decoration:none}.filter-pill small{margin-left:3px;color:inherit;font-size:9px}.filter-pill:hover,.filter-pill:focus-visible{border-color:#abb5a5;color:var(--pine);outline:none}.filter-pill.active{border-color:var(--olive);background:var(--olive-bg);color:#52663e}
.panel-actions{padding:13px 18px;align-items:center;gap:10px}.sticky-actions{position:sticky;bottom:0;z-index:8;background:rgba(255,253,248,.96);backdrop-filter:blur(8px);box-shadow:0 -9px 20px rgba(45,58,48,.06)}.save-hint{margin-right:auto;color:var(--muted);font-size:10px}
@media(max-width:1100px) and (min-width:761px){.sidebar{width:224px}.app-shell{margin-left:224px}}
@media(max-width:760px){main{padding:20px 14px}.panel-actions{align-items:stretch;flex-direction:column}.save-hint{margin-right:0;text-align:center}.sticky-actions{position:static}}

.facility-lifecycle-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 12px}.facility-lifecycle-summary article{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.facility-lifecycle-summary article.attention{background:var(--amber-bg);border-color:#e2d2a6}.facility-lifecycle-summary span{color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.45px}.facility-lifecycle-summary strong{font:600 22px Georgia,serif}.compact-dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 32px);padding:0;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 70px rgba(32,43,35,.25)}.compact-dialog::backdrop{background:rgba(24,32,26,.42)}.compact-dialog-form{display:grid;gap:12px;padding:18px}.compact-dialog-form>p{margin:0;color:var(--muted);font-size:12px}.compact-dialog-form label,.coverage-form label{font-size:12px;font-weight:750}.compact-dialog-form .control,.coverage-form .control{display:block;margin-top:5px;font-weight:400}.compact-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compact-dialog-form .panel-actions{margin:4px -18px -18px;padding:13px 18px}.coverage-panel{margin-top:14px}.coverage-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:16px;padding:16px 20px}.coverage-entry{display:grid;grid-template-columns:130px 1fr 1fr;gap:6px 12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.coverage-entry:first-child{padding-top:0}.coverage-entry p{grid-column:1/-1;margin:0;color:var(--muted)}.coverage-form{display:grid;gap:10px;align-self:start;background:var(--slate-bg);border:1px solid var(--line);border-radius:10px;padding:14px}.coverage-form h3{margin:0;font-size:14px}.form-help{display:block;color:var(--muted);font-size:10px;font-weight:500}.cell-meta{display:block;color:var(--muted)}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input{width:auto}.row-actions .button.small{padding:5px 8px;font-size:10px}
.state-changed{background:var(--olive-bg);color:#52663e}.state-unchanged{background:var(--slate-bg);color:#586265}.state-unresolved,.state-conflict,.state-invalid{background:var(--terracotta-bg);color:#914d3a}
.planner-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px}.event-type-form{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(190px,1fr) auto;gap:10px;align-items:end;padding:16px 20px}.event-type-form label{font-size:12px;font-weight:750}.event-type-form .control{display:block;margin-top:5px}.event-type-inline{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) auto;gap:7px;align-items:center;min-width:520px}
.calendar-attachments{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.calendar-attachments h3{margin:0 0 3px}.calendar-attachments>div>p{margin:0 0 12px;color:var(--muted);font-size:11px}.attachment-upload{display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,1fr) auto;gap:10px;align-items:end;padding:12px;background:var(--slate-bg);border-radius:10px}.attachment-upload>label{font-size:11px;font-weight:750}.attachment-upload .control{display:block;margin-top:4px}.attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.attachment-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px;padding:9px;border:1px solid var(--line);border-radius:9px}.attachment-card img,.attachment-pdf{width:70px;height:58px;object-fit:cover;border-radius:6px;background:var(--slate-bg)}.attachment-pdf{display:grid;place-items:center;font-weight:850;color:var(--terracotta)}.attachment-card strong,.attachment-card small{display:block;overflow-wrap:anywhere}.attachment-card small{color:var(--muted);font-size:9px;margin-top:3px}.attachment-card .row-actions{grid-column:1/-1}
@media(max-width:760px){.event-type-form{grid-template-columns:1fr}.planner-tabs .button{flex:1}.event-type-inline{min-width:460px}}
@media(max-width:760px){.attachment-upload,.attachment-grid{grid-template-columns:1fr}}
@media(max-width:900px){.facility-lifecycle-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.coverage-grid{grid-template-columns:1fr}}
@media(max-width:560px){.facility-lifecycle-summary,.compact-dialog-grid{grid-template-columns:1fr}.coverage-entry{grid-template-columns:1fr}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.page-heading-meta{flex:0 0 auto!important;max-width:none!important;color:var(--pine)!important;font-size:12px!important;font-weight:750}.dashboard-command-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:-5px 0 11px;padding-bottom:9px;border-bottom:1px solid var(--line)}.dashboard-command-nav>a,.dashboard-command-disabled,.dashboard-project-command>summary{border:0;border-radius:7px;padding:5px 8px;text-decoration:none;color:var(--muted);font-size:10px;font-weight:750;list-style:none}.dashboard-command-nav>a:hover,.dashboard-command-nav>a:focus-visible,.dashboard-project-command>summary:hover,.dashboard-project-command>summary:focus-visible{background:var(--pine-soft);color:var(--pine);outline:none}.dashboard-command-nav>a.active{background:var(--pine);color:#fff}.dashboard-command-disabled{opacity:.55;cursor:not-allowed}.dashboard-project-command{position:relative;margin-left:auto}.dashboard-project-command>summary::-webkit-details-marker{display:none}.dashboard-project-command[open]>summary{background:var(--pine-soft);color:var(--pine)}.dashboard-project-command form{position:absolute;right:0;top:calc(100% + 7px);z-index:12;width:300px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:7px;padding:11px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.dashboard-project-command label{font-size:10px;font-weight:750}.dashboard-project-command .control{display:block;margin-top:3px}.dashboard-capture-stack{display:grid;gap:7px}.dashboard-quick-capture{display:grid;grid-template-columns:minmax(130px,.5fr) minmax(0,1.5fr) auto;align-items:center;gap:10px;padding:11px 13px;border-color:#cbd5c3}.dashboard-quick-capture .control{min-width:0}.dashboard-quick-capture .button{white-space:nowrap}.dashboard-quick-capture h2,.dashboard-quick-capture p{margin:0}.dashboard-quick-capture h2{font-size:15px}.dashboard-task-command{overflow:visible}.dashboard-task-command>summary{padding:10px 14px;list-style:none;font-size:12px}.dashboard-task-command>summary::-webkit-details-marker{display:none}.dashboard-task-command[open]>summary{border-bottom:1px solid var(--line)}.dashboard-task-form{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px;align-items:end;padding:12px 14px}.dashboard-task-form label{font-size:10px;font-weight:750}.dashboard-task-form .control{display:block;margin-top:3px}.dashboard-task-form textarea{resize:vertical}.dashboard-task-form .form-wide{grid-column:1/-1}.dashboard-check{display:flex;align-items:center;gap:7px;min-height:38px}.dashboard-guardrail{margin:7px 2px 10px;color:var(--muted);font-size:9px}.dashboard-guardrail strong{color:var(--ink)}.dashboard-day-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dashboard-day-grid .dashboard-panel{min-height:0}.dashboard-summary-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dashboard-summary-head .kicker{margin-bottom:2px!important}.dashboard-summary-head>span{color:var(--muted);font-size:9px;font-weight:750}.dashboard-active-work{display:grid;grid-template-columns:minmax(180px,1.25fr) repeat(4,minmax(110px,.65fr));align-items:stretch;margin:9px 0;background:var(--pine);color:#fff;border-radius:10px;overflow:hidden}.dashboard-active-work>div,.dashboard-active-work>a{padding:11px 13px}.dashboard-active-work>div .kicker{color:#c6d4bd!important;margin-bottom:2px!important}.dashboard-active-work h2{margin:0;font-size:14px}.dashboard-active-work>a{display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.16);text-decoration:none}.dashboard-active-work>a:hover,.dashboard-active-work>a:focus-visible{background:rgba(255,255,255,.08);outline:none}.dashboard-active-work strong{font:600 21px Georgia,serif}.dashboard-active-work span{font-size:9px;color:#d8e1d5}.dashboard-task-view{margin-top:9px}.task-count{display:inline-grid;place-items:center;min-width:23px;height:20px;margin-left:5px;padding:0 6px;border-radius:99px;background:var(--pine-soft);color:var(--pine);font:800 10px Inter,sans-serif;vertical-align:middle}.dashboard-task-tools{display:grid;grid-template-columns:1fr minmax(300px,.7fr);align-items:center;gap:12px;padding:9px 13px;border-bottom:1px solid var(--line);background:var(--surface-2)}.dashboard-task-tools .task-views{margin:0}.dashboard-task-search{display:grid;grid-template-columns:1fr auto auto;gap:6px}.dashboard-task-results{display:grid}.dashboard-task-results>a{display:grid;grid-template-columns:10px minmax(180px,1.5fr) minmax(90px,.5fr) minmax(80px,.45fr) minmax(120px,.7fr);align-items:center;gap:9px;padding:8px 14px;border-bottom:1px solid var(--line);text-decoration:none;font-size:10px}.dashboard-task-results>a:hover,.dashboard-task-results>a:focus-visible{background:var(--surface-2);outline:none}.dashboard-task-results>a>span{color:var(--muted)}.dashboard-task-results>p{margin:0;padding:18px 14px;color:var(--muted);font-size:11px}.task-state-dot{width:7px;height:7px;border-radius:50%;background:#aeb5ae}.task-state-dot.in_progress{background:var(--olive)}.task-state-dot.blocked{background:var(--terracotta)}.task-state-dot.waiting,.task-state-dot.on_hold{background:var(--amber)}.task-state-dot.complete{background:var(--pine)}.dashboard-projects{display:grid;grid-template-columns:minmax(160px,.55fr) 1.5fr auto;align-items:center;gap:12px;padding:9px 13px;margin-top:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.dashboard-projects h2,.dashboard-projects p{margin:0}.dashboard-projects h2{font-size:13px}.dashboard-projects .project-links{align-items:center}.dashboard-projects .project-links>span{color:var(--muted);font-size:10px}.dashboard-supporting-grid{margin-top:9px}
@media(max-width:1050px){.dashboard-active-work{grid-template-columns:repeat(4,1fr)}.dashboard-active-work>div{grid-column:1/-1}.dashboard-active-work>a:first-of-type{border-left:0}.dashboard-task-tools{grid-template-columns:1fr}.dashboard-task-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.page-heading-meta{font-size:10px!important}.dashboard-command-nav{align-items:stretch}.dashboard-project-command{margin-left:0}.dashboard-project-command form{position:fixed;left:14px;right:14px;top:150px;width:auto}.dashboard-quick-capture,.dashboard-day-grid,.dashboard-task-form,.dashboard-projects{grid-template-columns:1fr}.dashboard-task-form .form-wide{grid-column:auto}.dashboard-active-work{grid-template-columns:1fr 1fr}.dashboard-active-work>div{grid-column:1/-1}.dashboard-active-work>a:nth-of-type(3){border-left:0}.dashboard-task-results>a{grid-template-columns:10px 1fr}.dashboard-task-results>a>span:nth-of-type(n+2){display:none}.dashboard-projects{align-items:start}.dashboard-projects>.button{justify-self:start}.dashboard-task-search{grid-template-columns:1fr auto}.dashboard-task-search .button:last-child{grid-column:1/-1}.dashboard-summary-head{align-items:flex-start}.dashboard-supporting-grid{grid-template-columns:1fr}}
.dashboard-project-command label{grid-column:1/-1}.dashboard-project-command .control{margin-top:0}
.onboarding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.onboarding-card{display:flex;flex-direction:column}.onboarding-card .panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.onboarding-overdue{border-color:#dcb8a9}.onboarding-body{padding:16px 20px}.onboarding-body h3{margin:0 0 3px;font:600 21px Georgia,serif}.onboarding-body>p:last-of-type{margin:8px 0;color:var(--muted);font-size:11px}.onboarding-window{margin:0;color:var(--olive);font-weight:800}.onboarding-evidence{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:11px}.onboarding-approval{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 20px;border-top:1px solid var(--line);margin-top:auto;background:var(--surface-2)}.onboarding-approval>label{font-size:11px;font-weight:750}.onboarding-approval .control{display:block;margin-top:4px;font-weight:400}.onboarding-confirm{grid-column:1/-1}.onboarding-approval .button{grid-column:1/-1}.onboarding-card .panel-actions{margin-top:auto}
@media(max-width:920px){.onboarding-grid{grid-template-columns:1fr}}
@media(max-width:560px){.onboarding-approval{grid-template-columns:1fr}.onboarding-confirm,.onboarding-approval .button{grid-column:auto}}
.advisor-filters{display:grid;grid-template-columns:minmax(280px,1fr) minmax(180px,.45fr) auto;gap:10px;align-items:end;padding:14px 18px;margin-bottom:12px}.advisor-filters label{font-size:11px;font-weight:750}.advisor-filters .control{display:block;margin-top:4px}.advisor-context{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.advisor-context article{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.advisor-context span,.advisor-context strong{display:block}.advisor-context span{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.advisor-context strong{margin-top:3px;font-size:12px}.advisor-section{margin-top:12px}.advisor-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.advisor-card{border:1px solid var(--line);border-radius:10px;padding:13px;background:var(--surface-2)}.advisor-card>header{display:flex;justify-content:space-between;gap:12px}.advisor-card h3{margin:6px 0 0;font-size:16px}.advisor-card header p{margin:2px 0;color:var(--muted);font-size:10px}.advisor-score{color:var(--muted);font-size:10px;white-space:nowrap}.advisor-reasons{margin:10px 0}.advisor-reasons p{margin:4px 0;font-size:10px}.advisor-workload{font-size:10px;color:var(--muted)}.advisor-card details{font-size:10px}.advisor-card details ul{padding-left:18px}.advisor-card details li{display:flex;justify-content:space-between;gap:8px}.advisor-approve{display:grid;gap:8px;margin-top:11px;padding-top:11px;border-top:1px solid var(--line);font-size:10px}.advisor-version{text-align:right;color:var(--muted);font-size:9px}.advisor-section .directory-empty{padding:20px;margin:0}.advisor-card .badge.danger{background:var(--terracotta-bg);color:#914d3a}
@media(max-width:900px){.advisor-context,.advisor-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.advisor-filters,.advisor-context,.advisor-cards{grid-template-columns:1fr}}
.inservice-approval{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(190px,.7fr) minmax(180px,.6fr);gap:12px;align-items:end;padding:16px 20px;margin-top:12px}.inservice-approval h2,.inservice-approval p{margin:0}.inservice-approval p{font-size:10px;color:var(--muted)}.inservice-approval label{font-size:11px;font-weight:750}.inservice-approval .control{display:block;margin-top:4px}.inservice-approval .checkbox-row{grid-column:1/-1}.inservice-approval .button{grid-column:1/-1}
@media(max-width:760px){.inservice-approval{grid-template-columns:1fr}.inservice-approval .checkbox-row,.inservice-approval .button{grid-column:auto}}
.task-views{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.task-views>span{flex:1}.task-create-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.task-create-fields{display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto;gap:8px;align-items:end;padding:12px 16px}.task-create-fields label,.task-project-create label{font-size:10px;font-weight:750}.task-create-fields .control,.task-project-create .control{display:block;margin-top:3px}.task-project-create .panel-body{display:grid;gap:8px}.project-links{display:flex;flex-wrap:wrap;gap:6px}.project-links a{font-size:10px}.task-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.task-list{display:grid;gap:9px}.task-board{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:9px;overflow:auto;align-items:start;padding-bottom:8px}.task-column{background:var(--slate-bg);border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;gap:8px}.task-column>header{display:flex;justify-content:space-between;align-items:center}.task-column h2{font-size:12px;margin:0}.task-column>p{font-size:10px;color:var(--muted)}.task-card{padding:12px}.task-title-row{display:flex;gap:8px;align-items:center}.task-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:7px 0}.task-fields label,.task-edit>label{font-size:9px;font-weight:750}.task-fields .control,.task-edit>label .control{display:block;margin-top:3px}.task-meta{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0;color:var(--muted);font-size:9px}.task-meta a{color:var(--pine);font-weight:750}.subtasks{border-top:1px solid var(--line);margin-top:9px;padding-top:8px;font-size:10px}.subtasks>strong{display:block;margin-bottom:4px}.subtasks form{margin:2px 0}.subtask-toggle{border:0;background:transparent;text-align:left;padding:2px;color:var(--ink);cursor:pointer}.subtask-toggle.done{text-decoration:line-through;color:var(--muted)}.subtask-add{display:grid;grid-template-columns:1fr auto!important;gap:6px}.subtask-add .control{min-height:32px;padding:5px 8px}.task-card-actions{display:flex;justify-content:flex-end}.task-column .task-fields{grid-template-columns:1fr}.task-column .task-title-row{align-items:flex-start}.task-column .task-title-row .control{min-width:0}
@media(max-width:1000px){.task-create-grid{grid-template-columns:1fr}.task-create-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.task-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.task-create-fields,.task-fields,.task-search{grid-template-columns:1fr}.task-views>span{display:none}}
.dashboard-capture{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}.quick-capture,.dashboard-add-task{display:grid;grid-template-columns:minmax(180px,.8fr) 1fr auto;gap:9px;align-items:center;padding:12px}.dashboard-capture h2,.dashboard-capture p{margin:0}.dashboard-capture h2{font-size:15px}.dashboard-capture p{font-size:9px;color:var(--muted)}.dashboard-add-task{grid-template-columns:minmax(150px,.7fr) 1fr 140px 150px auto}.dashboard-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}.dashboard-metrics article{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px 11px}.dashboard-metrics article.attention{background:var(--terracotta-bg)}.dashboard-metrics span,.dashboard-metrics strong,.dashboard-metrics small{display:block}.dashboard-metrics span,.dashboard-metrics small{font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:800}.dashboard-metrics strong{font:500 23px Georgia,serif}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-panel{min-height:190px}.dashboard-panel .panel-head{padding:12px 14px}.dashboard-panel .panel-head h2{font-size:15px}.dashboard-list{display:grid}.dashboard-list>a,.dashboard-list>p{padding:8px 14px;border-bottom:1px solid var(--line);text-decoration:none;margin:0}.dashboard-list>a:hover{background:var(--surface-2)}.dashboard-list strong,.dashboard-list span{display:block}.dashboard-list strong{font-size:10px}.dashboard-list span,.dashboard-list p{font-size:9px;color:var(--muted)}
@media(max-width:1100px){.dashboard-capture,.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-add-task{grid-template-columns:1fr 1fr}.dashboard-add-task>div{grid-column:1/-1}}
@media(max-width:700px){.dashboard-capture,.dashboard-grid,.dashboard-metrics,.quick-capture,.dashboard-add-task{grid-template-columns:1fr}.dashboard-add-task>div{grid-column:auto}}
.workflow-stage{margin-bottom:1rem}.workflow-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.8rem 0}.workflow-tools form,.workgroup{border:1px solid var(--line);border-radius:10px;padding:.75rem;background:var(--surface-2)}.workflow-tools form>*,.workgroup form>*{margin-bottom:.4rem}.workgroup{margin:.65rem 0}.workgroup header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.checklist-row{display:grid;grid-template-columns:minmax(12rem,1fr) auto minmax(9rem,auto);align-items:center;gap:.6rem;padding:.55rem 0;border-top:1px solid var(--line)}.activity-log{margin:.75rem 0 0;padding-left:1.4rem}.activity-log li{padding:.45rem}.activity-log time{color:var(--muted);margin-right:.5rem}.progress-track{height:.45rem;border-radius:999px;background:var(--line);overflow:hidden}.progress-track span{display:block;height:100%;background:var(--olive)}
@media(max-width:900px){.workflow-tools{grid-template-columns:1fr}.checklist-row{grid-template-columns:1fr}}
@media print{.sidebar,.topbar,.button,form,footer,.data-notice{display:none!important}.app-shell{margin:0}main{padding:0}.panel{box-shadow:none}}

/* Three-level WHCS application shell and global utilities. */
:root{--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--rail-width:76px;--context-width:220px}
.primary-rail{position:fixed;inset:0 auto 0 0;width:var(--rail-width);z-index:42;display:flex;flex-direction:column;background:var(--pine-deep);color:#eef2e9;padding:12px 8px}.rail-brand{display:grid;place-items:center;margin-bottom:12px}.rail-brand img{width:50px;height:50px;object-fit:contain;background:#fff;border-radius:10px;padding:2px}.primary-rail ul,.context-sidebar ul{list-style:none;margin:0;padding:0}.primary-rail li{margin:3px 0}.rail-item{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:9px;color:#dce4da;text-decoration:none;text-align:center;font-size:8px;font-weight:750;line-height:1.1}.rail-item svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.rail-item:hover,.rail-item:focus-visible{background:rgba(255,255,255,.09);outline:none}.rail-item.active{background:#edf1e6;color:var(--pine-deep)}.rail-admin{margin-top:auto;padding-top:9px;border-top:1px solid rgba(255,255,255,.18)}.rail-admin .rail-item{min-height:41px}.rail-admin .rail-item span{display:none}
.context-sidebar{position:fixed;inset:0 auto 0 var(--rail-width);width:var(--context-width);z-index:35;display:flex;flex-direction:column;background:var(--pine);color:#edf2ea;padding:18px 14px 16px;border-left:1px solid rgba(255,255,255,.08)}.context-brand{display:flex;justify-content:center;margin-bottom:20px;background:#fff;border-radius:10px;padding:8px}.context-brand img{display:block;width:auto;height:84px;max-width:100%;object-fit:contain}.context-heading{padding:0 9px 10px;border-bottom:1px solid rgba(255,255,255,.16);margin-bottom:9px}.context-heading p{margin:0;color:#afbfaf;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.context-heading h2{margin:2px 0 0;font:500 21px Georgia,serif}.context-sidebar li{margin:2px 0}.context-link{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;color:#dce5db;font-size:11px;font-weight:650}.context-link:hover,.context-link:focus-visible{background:rgba(255,255,255,.08);outline:none}.context-link.active{background:rgba(255,255,255,.14);color:#fff}.context-foot{display:flex;align-items:center;gap:9px;margin-top:auto;padding:14px 8px 0;border-top:1px solid rgba(255,255,255,.18)}.context-foot strong,.context-foot small{display:block}.context-foot strong{font-size:11px}.context-foot small{font-size:9px;color:#b7c4b6}
.app-shell{margin-left:calc(var(--rail-width) + var(--context-width));transition:padding-right .18s ease}.utility-active .app-shell{padding-right:370px}.menu-toggle{display:none}.global-toast{position:fixed;top:76px;right:22px;z-index:55;background:var(--pine);color:#fff;border-radius:9px;padding:9px 13px;box-shadow:var(--shadow);font-size:11px}
.global-utilities{position:fixed;right:20px;bottom:18px;z-index:60}.utility-launchers{display:flex;justify-content:flex-end;gap:8px}.utility-launchers button{display:flex;align-items:center;gap:7px;border:1px solid #cfd6cb;border-radius:99px;background:var(--pine);color:#fff;padding:10px 14px;box-shadow:0 8px 24px rgba(28,42,33,.2);font-size:11px;font-weight:800;cursor:pointer}.utility-launchers button[aria-expanded="true"]{background:var(--surface);color:var(--pine)}.utility-launchers svg{width:16px;height:16px;stroke:currentColor;fill:none}.utility-panel{width:340px;max-height:calc(100vh - 130px);overflow:auto;margin:0 0 10px auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 55px rgba(27,39,31,.24)}.utility-panel[hidden]{display:none}.utility-panel>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:var(--surface);border-bottom:1px solid var(--line)}.utility-panel>header span{display:block;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.utility-panel h2{margin:1px 0 0;font:500 20px Georgia,serif}.utility-panel>header button{border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.utility-form{display:grid;gap:10px;padding:14px 15px}.utility-form label{font-size:10px;font-weight:750}.utility-form .control{display:block;margin-top:3px}.utility-form>p{margin:0;color:var(--muted);font-size:9px}.utility-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.utility-full-link{display:block;padding:10px 15px;border-top:1px solid var(--line);color:var(--pine);font-size:10px;font-weight:800;text-decoration:none}.utility-errors{padding:8px 15px;background:var(--terracotta-bg);color:#864a39;font-size:10px}.utility-readonly{padding:14px 15px;margin:0;color:var(--muted);font-size:11px}

/* Tasks: dense within components, breathable between workspaces. */
.task-guardrail{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:7px 11px;border-left:3px solid var(--amber);border-radius:0 8px 8px 0;background:var(--amber-bg);font-size:10px}.task-guardrail strong{white-space:nowrap}.task-guardrail span{color:#66665e}.task-views{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.task-filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.task-filter-group>span{margin-right:2px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.task-entry-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.7fr);gap:16px;margin-bottom:28px}.compact-task-create,.compact-project-create{overflow:visible}.compact-entry-head{padding:12px 16px 0}.compact-entry-head h2{margin:0;font-size:15px}.compact-entry-head p{margin:2px 0 0;color:var(--muted);font-size:9px}.compact-task-create .task-create-fields{padding:10px 16px 14px}.project-create-fields{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;padding:10px 14px 14px}.project-create-fields label{font-size:10px;font-weight:750}.project-create-fields .control{display:block;margin-top:3px}.projects-workspace{scroll-margin-top:80px;margin:0 0 30px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}.section-heading .eyebrow{margin:0 0 3px;color:var(--olive)}.section-heading h2{margin:0;font:500 24px Georgia,serif}.section-heading p{margin:3px 0 0;color:var(--muted);font-size:10px}.section-heading>span{color:var(--muted);font-size:10px;font-weight:750}.project-kanban{display:grid;grid-template-columns:repeat(6,minmax(190px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px}.project-column{display:flex;flex-direction:column;gap:8px;min-height:160px;padding:9px;background:var(--slate-bg);border:1px solid var(--line);border-radius:11px}.project-column>header{display:flex;align-items:center;justify-content:space-between;padding:2px 3px}.project-column h3{margin:0;font-size:11px}.project-column>header span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:99px;background:var(--surface);font-size:9px;font-weight:800}.project-card{padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.project-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.project-card h4{margin:0;font-size:11px;line-height:1.3}.project-state{display:flex;align-items:center;gap:6px;margin:5px 0;color:var(--muted);font-size:9px}.project-card dl{display:flex;gap:10px;margin:7px 0}.project-card dl div{min-width:0}.project-card dt{color:var(--muted);font-size:8px;text-transform:uppercase}.project-card dd{margin:0;font-size:10px;font-weight:800}.project-next{margin:6px 0;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-actions{display:flex;align-items:center;gap:5px;margin-top:8px}.project-actions details{position:relative}.project-actions summary{list-style:none}.project-actions summary::-webkit-details-marker{display:none}.project-actions details form{position:absolute;left:0;top:calc(100% + 5px);z-index:5;width:220px;padding:9px;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.project-actions details label{font-size:9px;font-weight:750}.project-actions details .control{margin:3px 0 6px}.project-empty{margin:16px 5px;color:var(--muted);font-size:9px}.task-search-bar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:9px;margin:0 0 12px}.task-search-bar>span{color:var(--muted);font-size:10px;font-weight:750}.task-live-empty{margin-top:10px}.task-card[hidden]{display:none}

@media(max-width:1200px){:root{--rail-width:68px;--context-width:190px}.rail-item span{font-size:7px}.context-sidebar{padding-left:11px;padding-right:11px}.utility-active .app-shell{padding-right:0}.task-entry-grid{grid-template-columns:1fr}.project-kanban{grid-template-columns:repeat(6,minmax(180px,1fr))}}
@media(max-width:820px){.primary-rail,.context-sidebar{transform:translateX(-110%);transition:transform .2s ease}.primary-rail.open{transform:translateX(0)}.context-sidebar{left:var(--rail-width)}.context-sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.menu-toggle{display:grid}.topbar{padding-left:15px}.global-utilities{right:12px;bottom:12px}.utility-panel{width:min(420px,calc(100vw - 24px));max-height:70vh}.task-entry-grid{margin-bottom:24px}.task-create-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.project-kanban{grid-template-columns:repeat(6,minmax(210px,1fr))}}
@media(max-width:560px){.context-sidebar{width:calc(100vw - var(--rail-width))}.task-guardrail{align-items:flex-start;flex-direction:column;gap:2px}.task-views{align-items:flex-start;flex-direction:column}.task-create-fields,.project-create-fields,.task-search-bar,.utility-row{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column;gap:4px}.global-utilities{left:8px;right:8px;bottom:8px}.utility-panel{width:100%;max-height:78vh;border-radius:16px 16px 10px 10px}.utility-launchers{justify-content:center}.utility-launchers button{flex:1}.project-actions{flex-wrap:wrap}}
@media print{.primary-rail,.context-sidebar,.global-utilities{display:none!important}.app-shell{margin-left:0!important;padding-right:0!important}}
/* Shared form spacing for ADR, QA, import, sync and other generic forms; matches the Calendar filter panel and event form. */
.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}.filter-row .filter-pill{padding:7px 13px;font-size:12px}.filter-row .button{padding:7px 13px;font-size:12px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;align-items:start;padding:18px 20px}.form-grid>label:not(.checkbox-row),.inline-form>label:not(.checkbox-row){display:grid;gap:5px;align-content:start;font-size:12px;font-weight:650}.form-grid>.checkbox-row,.form-grid>button,.form-grid>.button{grid-column:1/-1}.form-grid>button,.form-grid>.button{justify-self:start}.form-grid textarea,.inline-form textarea{min-height:96px;resize:vertical;font-weight:400}.form-grid>label:has(textarea){grid-column:1/-1}
.compact-form{margin-bottom:16px}#main>.panel+.panel,#main>.panel+section,#main>section+.panel,#main>section.panel+section.panel{margin-top:16px}
.inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:16px 20px}.inline-form>.control{flex:1 1 220px;width:auto}.inline-form>textarea.control{flex-basis:100%}.panel-body .inline-form{padding:0}
.danger-zone{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;margin-top:16px;padding:16px 20px;border:1px solid #ecd3c8;border-radius:var(--radius);background:#fdf7f3}.button.danger{background:var(--terracotta);border-color:var(--terracotta);color:#fff}
.directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.directory-grid>.empty-state{grid-column:1/-1}.directory-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.directory-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.directory-card h2{font-size:16px;margin:2px 0 0}.directory-card>p{font-size:13px;margin:10px 0 0}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.status-badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 9px;font-size:10px;font-weight:800;white-space:nowrap;background:var(--slate-bg);color:#586265}.status-badge.active{background:var(--olive-bg);color:#52663e}.status-badge.inactive{background:var(--terracotta-bg);color:#914d3a}
@media(max-width:620px){.form-grid{grid-template-columns:1fr}.danger-zone{align-items:stretch;flex-direction:column}}
/* My Profile & Settings. */
.role-pill{color:inherit;text-decoration:none}.role-pill:hover,.role-pill:focus-visible{border-color:#abb5a5;outline:none}.avatar{overflow:hidden}.avatar img{display:block;width:100%;height:100%;object-fit:cover}
.profile-photo-panel{margin-bottom:16px}.profile-photo-body{display:flex;align-items:center;gap:20px;padding:18px 20px;flex-wrap:wrap}.profile-avatar-large{width:96px;height:96px;flex:0 0 96px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--pine);color:#fff;font-size:28px;font-weight:800}.profile-avatar-large img{width:100%;height:100%;object-fit:cover;display:block}.profile-photo-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;flex:1}.profile-photo-upload{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.profile-photo-upload label{display:grid;gap:5px;font-size:12px;font-weight:650}.profile-photo-upload .control{font-weight:400}
.profile-subhead{border-top:1px solid var(--line)}.theme-options{border:0;margin:0;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}.theme-option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff;cursor:pointer}.theme-option input{width:auto;margin:0}.theme-option strong,.theme-option small{display:block}.theme-option small{color:var(--muted);font-size:10px;font-weight:600}.theme-option:has(input:checked){border-color:var(--olive);background:var(--olive-bg)}.theme-option.disabled{cursor:not-allowed;opacity:.6;background:var(--surface-2)}
.profile-notifications{padding:6px 20px 18px;overflow-x:auto}.notification-matrix{width:100%;border-collapse:collapse;font-size:12px}.notification-matrix th,.notification-matrix td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:center}.notification-matrix th[scope=row],.notification-matrix thead th:first-child{text-align:left;font-weight:650}.notification-matrix thead th{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.notification-matrix input{width:18px;height:18px}.profile-notifications .form-help{margin-top:8px}
@media(max-width:620px){.theme-options{grid-template-columns:1fr}.profile-photo-body{align-items:flex-start}}
@media(max-width:820px){.context-sidebar:not(.open){transform:translateX(calc(-100% - var(--rail-width) - 12px))}}
/* Phone/tablet navigation drawer: scrim and close button so the open rail + workspace sidebar can always be dismissed. */
.nav-close,.nav-scrim{display:none}
@media(max-width:820px){.nav-scrim{display:block;position:fixed;inset:0;z-index:30;background:rgba(16,28,22,.45);opacity:0;pointer-events:none;transition:opacity .2s ease}.nav-open .nav-scrim{opacity:1;pointer-events:auto}.nav-open{overflow:hidden}.nav-open .global-utilities{visibility:hidden}.nav-close{display:grid;position:absolute;top:12px;right:12px;z-index:1;color:var(--pine-deep)}}
@media(max-width:560px){.context-sidebar{width:calc(100vw - var(--rail-width) - 48px)}}
/* Projects grid and one-row Task view. */
.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.project-grid .project-card{display:flex;flex-direction:column;gap:2px;padding:14px}
.project-grid .project-card h4{font-size:13px}
.project-grid .project-actions{margin-top:auto;padding-top:8px}
.task-list{gap:6px}
.task-item[hidden]{display:none}
.task-row{display:grid;grid-template-columns:18px minmax(0,1fr) minmax(0,auto) 64px;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.task-row:hover,.task-row:focus-visible{border-color:#abb5a5;background:#fbfcf8;outline:none}
.task-row:focus-visible{box-shadow:0 0 0 3px rgba(104,121,79,.2)}
.task-row-flag{color:var(--terracotta);font-size:13px;line-height:1;text-align:center}
.task-row-title{min-width:0;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-item[data-task-status=complete] .task-row-title{color:var(--muted);text-decoration:line-through}
.task-row-project{max-width:220px;color:var(--muted);font-size:12px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-row-due{color:var(--ink);font-size:12px;font-weight:650;text-align:right;white-space:nowrap}
.task-column .task-row{grid-template-columns:14px minmax(0,1fr);grid-template-areas:"flag title" ". meta";row-gap:4px;padding:10px 11px}
.task-column .task-row-flag{grid-area:flag}
.task-column .task-row-title{grid-area:title;white-space:normal}
.task-column .task-row-project,.task-column .task-row-due{grid-area:meta;text-align:left;max-width:none}
.task-column .task-row-due{justify-self:end}
.task-editor{position:fixed;inset:0 0 0 auto;width:min(560px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-left:1px solid var(--line);background:var(--paper);box-shadow:-18px 0 40px rgba(20,30,24,.18);overflow:auto}
.task-editor::backdrop{background:rgba(20,30,24,.35)}
.task-editor-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--line)}
.task-editor-head h2{margin:0;font-size:16px}
.task-editor .task-card{margin:16px;border-radius:var(--radius)}
.task-editor .task-fields{grid-template-columns:1fr 1fr}
@media(max-width:620px){.task-row{grid-template-columns:16px minmax(0,1fr) auto;grid-template-areas:"flag title due" ". project project";row-gap:2px}.task-row-flag{grid-area:flag}.task-row-title{grid-area:title}.task-row-due{grid-area:due}.task-row-project{grid-area:project;text-align:left;max-width:none}.task-editor .task-fields{grid-template-columns:1fr}.task-editor .task-card{margin:12px}}
/* In-Services Library. */
.inservice-filters{margin-bottom:16px}.inservice-filters .control{flex:1 1 220px}.inservice-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.inservice-description{white-space:pre-wrap;margin:0}.inservice-history .panel-body+.panel-body{border-top:1px solid var(--line)}.inservice-create,.inservice-edit{margin-top:16px}.inservice-table td small{color:var(--muted)}
/* Project box quick-add. */
.project-card-title{align-items:flex-start}.project-card-title h4{flex:1;min-width:0;overflow-wrap:anywhere}.project-card-flags{display:flex;align-items:center;gap:6px;flex-shrink:0}
.project-quick-add-toggle{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--pine);font:700 18px/1 inherit;cursor:pointer}
.project-quick-add-toggle:hover,.project-quick-add-toggle:focus-visible{border-color:var(--olive);background:var(--olive-bg);outline:none}.project-quick-add-toggle[aria-expanded="true"]{background:var(--pine);border-color:var(--pine);color:var(--surface)}
.project-quick-add{display:grid;gap:8px;margin:8px 0 4px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.project-quick-add[hidden]{display:none}.project-quick-add .control{min-height:38px}.project-quick-add-actions{display:flex;gap:6px}.project-quick-add-status{margin:0;min-height:1em;color:var(--muted);font-size:11px}
@media(hover:none),(max-width:620px){.project-quick-add-toggle{width:44px;height:44px;font-size:22px}.project-quick-add .button{min-height:44px}}
/* Idle sign-out warning and restored drafts (public/js/idle.js) */
.idle-dialog{max-width:420px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:22px 24px;box-shadow:var(--shadow)}
.idle-dialog::backdrop{background:rgba(20,28,23,.45)}
.idle-dialog h2{margin:0 0 8px;font-size:20px}.idle-dialog p{margin:0 0 16px;line-height:1.5}
.idle-dialog [data-idle-countdown]{font-variant-numeric:tabular-nums}
.idle-draft-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:var(--amber-bg);border-left:3px solid var(--amber)}
.idle-draft-notice p{margin:0}
form[data-draft-restored]{outline:2px dashed var(--amber);outline-offset:6px;border-radius:6px}
/* Invite form: Staff picker (public/js/user-admin.js) */
.staff-picker{position:relative;display:grid;gap:6px}
.staff-picker-field{display:flex;gap:8px;align-items:center}.staff-picker-field .control{flex:1}
.staff-picker-list{position:absolute;z-index:20;top:100%;left:0;right:0;margin:4px 0 0;padding:4px;list-style:none;max-height:300px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}
.staff-picker-list [role=option]{display:grid;gap:1px;padding:8px 10px;border-radius:8px;cursor:pointer}
.staff-picker-list [role=option] span,.staff-picker-list [role=option] em{color:var(--muted);font-size:12px;font-style:normal}
.staff-picker-list [role=option].active,.staff-picker-list [role=option]:hover{background:var(--pine-soft)}
.staff-picker-list [role=option][aria-disabled=true]{cursor:not-allowed;opacity:.6}
.staff-picker-list [role=option][hidden],.staff-picker-list [hidden]{display:none!important}
.staff-picker-empty{padding:10px;color:var(--muted);font-size:13px}
.invite-permissions{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:0}.invite-permissions legend{font-weight:650;padding:0 4px}
.role-form{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.role-form .control{min-width:120px;padding-top:6px;padding-bottom:6px}
.profile-toggle{padding:4px 22px 16px}.profile-toggle .checkbox-row{align-items:flex-start;gap:10px}.profile-toggle span{display:grid;gap:2px}.profile-toggle small{color:var(--muted)}
.role-form{margin:0}
/* Two-step verification (Settings) */
.two-factor-steps{margin:0;padding:6px 22px 22px 44px;display:grid;gap:16px}
.two-factor-qr{width:200px;max-width:100%;margin:10px 0;background:#fff;padding:8px;border:1px solid var(--line);border-radius:10px}.two-factor-qr svg{display:block;width:100%;height:auto}
.two-factor-key{font-size:13px;letter-spacing:.5px;overflow-wrap:anywhere}
.two-factor-confirm,.two-factor-actions .inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:8px}
.two-factor-actions{display:grid;gap:14px;padding:6px 22px 22px}
.recovery-code-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:6px 22px 22px 44px}.recovery-code-list code{font-size:14px}
.signin-meta{display:block;font-size:11px;color:var(--muted)}.signin-exception{margin:2px 0 0}.signin-exception .text-button{background:none;border:0;padding:0;color:var(--pine);font-size:11px;cursor:pointer;text-decoration:underline}