/* Visual reference parity V3, 2026-10-25.
   Three genuine, role-gated WHB consoles. No third-party screenshots or fabricated operational data. */
:root{--v3-blue:#2868ce;--v3-ink:#1f2937;--v3-muted:#717e8a;--v3-surface:#fff;--v3-soft:#f0f2f6;--v3-stroke:#e1e5eb}
body[data-console]{color:var(--v3-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--v3-soft)}
body[data-console] .app{background:var(--v3-soft);grid-template-columns:181px minmax(0,1fr)}
body[data-console] .rail{padding:18px 12px 20px;gap:12px;background:#12182a;border-right:1px solid #252c3d}
body[data-console] .identity{gap:8px}
body[data-console] .identity img{width:33px;height:33px;flex:none;border-radius:7px}
body[data-console] .identity strong{font-size:10px;line-height:1.25;letter-spacing:0}
body[data-console] .identity small{font-size:6.5px;line-height:1.3;letter-spacing:.03em}
body[data-console] .nav-label{font-size:9px;letter-spacing:.09em;margin:20px 8px 6px}
body[data-console] .rail-nav{gap:3px}
body[data-console] .rail-nav a{font-size:11.5px;border-radius:5px;padding:10px 11px;font-weight:600;line-height:1.3}
body[data-console] .rail-nav a.active{background:#414b64;box-shadow:none;color:#fff}
body[data-console] .rail-bottom{font-size:9px;padding:10px 5px}
body[data-console] .rail-bottom small{font-size:9px}
body[data-console] .canvas{background:#f0f2f5;padding:0 20px 42px;max-width:none;margin:0;min-width:0}
body[data-console] .console-top-utility{margin:0 -20px 0;padding:10px 20px;border-bottom:1px solid #e0e4e8;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px}
.console-search{font-size:12px;color:#8c96a4;background:#f4f6f8;border:1px solid #e1e7e9;border-radius:7px;min-height:34px;display:flex;gap:9px;align-items:center;padding:7px 12px;min-width:0;max-width:480px;flex:1}
.console-search span:first-child{font-size:21px;line-height:14px;color:#66818c}
.console-user{display:flex;align-items:center;gap:12px;font-size:11px;color:#4d5f70;white-space:nowrap}
.console-bell{font-size:19px;color:#668a9b}
.console-avatar{display:grid;place-items:center;background:#1b97a6;color:#fff;font-size:10px;font-weight:900;border-radius:50%;width:26px;height:26px}
body[data-console] .topline{border:0;display:flex;align-items:end;margin:0 0 6px;padding:19px 0 10px}
body[data-console] .topline h1{font-size:25px;line-height:1.1;font-weight:750;letter-spacing:-.035em;color:#202a38;margin:4px 0 7px}
body[data-console] .topline p{font-size:11px;color:#84909d;max-width:660px}
body[data-console] .eyebrow{font-size:9px;color:#59707c;letter-spacing:.08em}
body[data-console] .top-actions a{border-radius:6px;padding:9px 11px;font-size:10px;background:#fff;color:#40697d;box-shadow:none}
body[data-console] .top-actions a:first-child{background:#0b527b;color:#fff}
body[data-console] .boundary{font-size:10px;margin:8px 0 11px;padding:8px 12px;border-radius:6px;border-left:3px solid #1b97a6}
body[data-console] .response{font-size:11px;margin:9px 0;min-height:15px}
body[data-console] .panel,body[data-console] .metric,body[data-console] .property-stat{border-radius:7px;border:1px solid #dfe4e9;background:#fff;box-shadow:0 2px 6px rgba(20,37,54,.075)}
body[data-console] .panel{padding:16px}
body[data-console] .panel-heading h2,body[data-console] .section-heading h2{font-size:15px;line-height:1.3;margin:4px 0 12px;letter-spacing:-.02em;color:#222936}
body[data-console] .panel-heading h3{font-size:14px}
body[data-console] .kicker{font-size:9px;color:#818d97;letter-spacing:.095em}
body[data-console] .small{font-size:10px!important;color:#7b8592;line-height:1.45}
body[data-console] .status-pill,body[data-console] .live-tag{font-size:9px;line-height:1.5;padding:5px 8px;border-radius:6px}
body[data-console] .kpis{gap:12px;margin-top:12px;margin-bottom:14px}
body[data-console] .metric{min-height:95px;padding:12px 13px}
body[data-console] .metric:before{width:0}
body[data-console] .metric span{font-size:10px;color:#8d97a1;text-transform:uppercase;letter-spacing:.035em}
body[data-console] .metric strong{font-weight:750;font-size:24px;color:#18232d;letter-spacing:-.04em;margin:7px 0 1px;line-height:1.2}
body[data-console] .metric small{color:#238169;font-size:9px}
body[data-console] .section-heading{margin:16px 0 9px}
body[data-console] .panel-heading{align-items:start}
body[data-console] .foot{border-top:1px solid #dfe6eb}
body[data-console] :is(.panel,.metric,.property-card,.facility-task-list) :is(span,strong,p,a,h2,h3,small,label){overflow-wrap:anywhere;min-width:0}
body[data-console] :is(.panel,.metric,.property-card,.property-stat) :is(a,button,input,select):focus-visible{outline:3px solid #1b97a6;outline-offset:2px}
/* Owner analytics — the reference's compact eight-tile KPI grid, charts and line graph. */
body[data-console="owner"] .dashboard-insights{display:none}
body[data-console="owner"] .console-report-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:13px;margin:14px 0}
body[data-console="owner"] .console-line-panel,body[data-console="owner"] .console-donut-panel{min-height:235px}
body[data-console="owner"] .console-trajectory{height:171px;display:flex;align-items:end;justify-content:center;padding-top:8px}
body[data-console="owner"] .console-trajectory svg{width:100%;height:100%;max-width:100%;overflow:visible}
body[data-console="owner"] .console-mini-legend{display:flex;align-items:center;justify-content:center;gap:19px;margin:9px 0 18px;min-height:146px}
body[data-console="owner"] .console-status-donut{--share:0%;width:128px;height:128px;border-radius:50%;background:conic-gradient(#1b8b63 0 var(--share),#2868ce var(--share) 100%);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;flex:none}
body[data-console="owner"] .console-status-donut:before{content:"";position:absolute;inset:22px;border-radius:50%;background:white}
body[data-console="owner"] .console-status-donut strong,body[data-console="owner"] .console-status-donut span{position:relative;z-index:1}
body[data-console="owner"] .console-status-donut strong{font-size:20px;color:#1f2937}
body[data-console="owner"] .console-status-donut span{font-size:10px;color:#687584}
body[data-console="owner"] .console-status-tallies p{margin:10px 0;font-size:12px;color:#4e6877}
body[data-console="owner"] .console-vertical-panel{margin:12px 0}
body[data-console="owner"] .console-vertical-chart{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:end;min-height:180px;padding:10px 24px 7px;border-bottom:1px solid #d5dbe5}
body[data-console="owner"] .console-vcol{display:flex;flex-direction:column;align-items:center;min-width:0;justify-content:end;height:163px;gap:5px}
body[data-console="owner"] .console-vvalue{font-size:10px;color:#577082}
body[data-console="owner"] .console-varea{height:125px;width:100%;display:flex;align-items:end;justify-content:center;border-bottom:1px solid #cfd5de;background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#edf1f4 31px)}
body[data-console="owner"] .console-vbar{background:#2868ce;width:min(90%,88px);min-height:0;border-radius:3px 3px 0 0}
body[data-console="owner"] .console-vcol>span{font-size:10px;color:#556777;text-align:center}
body[data-console="owner"] .two-col{margin:12px 0;gap:13px}
body[data-console="owner"] .pipeline-item{gap:3px 9px}
body[data-console="owner"] .pipeline-track{height:5px}
body[data-console="owner"] .control-row{padding:10px 0}
/* Property layout — reference's left property cards and right management analytics/actions */
body[data-console="facility"] .app{grid-template-columns:162px minmax(0,1fr)}
body[data-console="facility"] .rail{background:#eef2fa;color:#233b54;border-right:1px solid #e0e6f0}
body[data-console="facility"] .identity{color:#0b527b}
body[data-console="facility"] .identity strong,body[data-console="facility"] .identity small{color:#0b527b}
body[data-console="facility"] .rail-nav a{color:#526677}
body[data-console="facility"] .rail-nav a.active{background:#d8e5f8;color:#1764a4}
body[data-console="facility"] .rail-nav a:hover{background:#dce9f4}
body[data-console="facility"] .nav-label{color:#6891a2}
body[data-console="facility"] .rail-bottom{color:#48738a;border-color:#cbdfe5}
body[data-console="facility"] .rail-bottom small{color:#638494}
body[data-console="facility"] .canvas{background:#eef2f9}
body[data-console="facility"] .property-overview{margin:7px 0 15px;gap:10px}
body[data-console="facility"] .property-stat{min-height:82px;padding:12px 16px}
body[data-console="facility"] .property-stat:before{height:0}
body[data-console="facility"] .property-stat strong{font-size:25px;margin:2px 0 0}
body[data-console="facility"] .facility-reference-layout{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(275px,1fr);gap:13px;align-items:start}
body[data-console="facility"] .facility-primary-stack,body[data-console="facility"] .facility-secondary-stack{display:grid;gap:13px;min-width:0}
body[data-console="facility"] .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body[data-console="facility"] .portfolio-toolbar{margin:8px 0 12px;padding:9px;background:#f8fafc;border-radius:6px;gap:9px}
body[data-console="facility"] .portfolio-toolbar label{font-size:10px;flex:1 1 120px}
body[data-console="facility"] .portfolio-toolbar input,body[data-console="facility"] .portfolio-toolbar select{font-size:13px;padding:8px 9px;border-radius:6px;min-height:36px}
body[data-console="facility"] .property-card{border-radius:7px;box-shadow:0 1px 5px #152b3b11;min-width:0}
body[data-console="facility"] .property-visual{height:98px;background:radial-gradient(circle at 80% 20%,#f7ecbf 0 9%,transparent 10%),linear-gradient(157deg,#d1dde7 0 47%,#9db8c8 48% 58%,#dde6dc 58% 100%);border-bottom:1px solid #bfcfd7}
body[data-console="facility"] .property-visual-mark{width:78px;height:57px;left:calc(50% - 39px);bottom:0;border:3px solid #617f8c;background:linear-gradient(90deg,#9bb6ba 0 47%,#799ca9 48%);border-radius:3px;transform:none}
body[data-console="facility"] .property-visual-mark:before{left:-10px;top:-32px;width:87px;height:54px;border-top:7px solid #49677a;transform:rotate(-27deg)}
body[data-console="facility"] .property-visual-mark:after{width:18px;height:34px;left:28px;border:3px solid #d2e9ed}
body[data-console="facility"] .property-details{padding:11px 12px}
body[data-console="facility"] .property-details strong{font-size:13px}
body[data-console="facility"] .property-details p{font-size:10px;margin:6px 0;line-height:1.35}
body[data-console="facility"] .property-meta{font-size:9px;letter-spacing:0}
body[data-console="facility"] .property-status{padding:4px 7px;font-size:9px;margin-top:3px;border-radius:5px}
body[data-console="facility"] .property-actions{gap:5px;padding:0 11px 11px}
body[data-console="facility"] .property-actions a{padding:7px 6px;font-size:9px;border-radius:5px}
body[data-console="facility"] .facility-mix-chart{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:end;min-height:173px;margin-top:8px}
body[data-console="facility"] .facility-mix-column{min-width:0;display:grid;align-items:end;gap:5px;text-align:center}
body[data-console="facility"] .facility-mix-bars{height:144px;display:flex;justify-content:center;align-items:end;gap:4px;border-bottom:1px solid #c7d5dc;background:repeating-linear-gradient(to top,transparent 0,transparent 35px,#eaf0f4 36px)}
body[data-console="facility"] .facility-mix-bar{width:35%;border-radius:3px 3px 0 0;min-height:0}
body[data-console="facility"] .facility-mix-bar.all{background:#16a9dc}
body[data-console="facility"] .facility-mix-bar.draft{background:#fb9937}
body[data-console="facility"] .facility-mix-column small{font-size:9px;color:#7b8791}
body[data-console="facility"] .facility-mix-legend{grid-column:1/-1;margin:0!important}
body[data-console="facility"] .facility-task-list{display:grid;gap:0}
body[data-console="facility"] .facility-task-list a{display:flex;justify-content:space-between;gap:8px;padding:9px 0;text-decoration:none;border-bottom:1px solid #ebf0f3;color:#0b527b}
body[data-console="facility"] .facility-task-list a strong{font-size:11px}
body[data-console="facility"] .facility-task-list a span{font-size:10px;color:#798995;text-align:right;max-width:45%}
body[data-console="facility"] .facility-readiness{display:flex;align-items:center;gap:10px;padding:7px 0}
body[data-console="facility"] .facility-readiness strong{font-size:37px;color:#0b527b}
body[data-console="facility"] .facility-readiness span{font-size:12px;color:#567486}
body[data-console="facility"] .facility-tool-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body[data-console="facility"] .facility-tool-tags a{font-size:10px;text-decoration:none;color:#36536a;background:#f5f8fb;border:1px solid #e3eaee;padding:9px 6px;text-align:center;border-radius:18px}
body[data-console="facility"] .portfolio-form{gap:10px}
body[data-console="facility"] .portfolio-form input,body[data-console="facility"] .portfolio-form select{font-size:13px;padding:9px}
/* Network directory — reference's result list beside dominant map */
body[data-console="directory"] .app{grid-template-columns:158px minmax(0,1fr)}
body[data-console="directory"] .canvas{background:#fff}
body[data-console="directory"] .rail{background:#006775}
body[data-console="directory"] .rail-nav a.active{background:#0c8792}
body[data-console="directory"] .console-top-utility{background:#fdfbf6}
body[data-console="directory"] .topline{background:#fff}
body[data-console="directory"] .directory-viewbar{margin-top:10px;border:0;box-shadow:none;border-bottom:1px solid #e6ebed;border-radius:0;padding:12px 0}
body[data-console="directory"] .directory-viewbar strong{font-size:13px}
body[data-console="directory"] .view-switch{border:1px solid #cbdce0;border-radius:22px;background:#fff;padding:2px}
body[data-console="directory"] .view-switch button{border-radius:20px;font-size:10px;padding:8px 10px}
body[data-console="directory"] .view-switch button[aria-pressed=true]{background:#008b91}
body[data-console="directory"] .search-layout{grid-template-columns:minmax(280px,.74fr) minmax(0,1.45fr);gap:14px;margin:13px 0}
body[data-console="directory"] .network-left-stack{display:grid;gap:11px;align-content:start;min-width:0}
body[data-console="directory"] .directory-main-stack{display:grid;gap:13px;align-content:start}
body[data-console="directory"] .network-left-stack .panel,body[data-console="directory"] .directory-main-stack .panel{padding:12px}
body[data-console="directory"] .search-filters form{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-console="directory"] .search-filters form label:first-child,body[data-console="directory"] .search-filters .filter-actions{grid-column:1/-1}
body[data-console="directory"] .search-filters label{font-size:10px;gap:4px}
body[data-console="directory"] .search-filters input,body[data-console="directory"] .search-filters select{border-radius:19px;font-size:11px;padding:8px}
body[data-console="directory"] .filter-actions button{font-size:10px;padding:8px 11px;border-radius:15px}
body[data-console="directory"] .directory-results .result-cards{grid-template-columns:1fr;gap:8px}
body[data-console="directory"] .provider-card{padding:12px;border-radius:7px;gap:7px;border-color:#dbe4e7}
body[data-console="directory"] .provider-card h3{font-size:12px;font-weight:800}
body[data-console="directory"] .provider-card p{font-size:10px;line-height:1.45}
body[data-console="directory"] .provider-card .pill{font-size:9px;padding:4px 7px}
body[data-console="directory"] .provider-card .tag-list{gap:4px}
body[data-console="directory"] .provider-card .tag{font-size:9px;padding:3px 5px;border-radius:6px}
body[data-console="directory"] .directory-results{max-height:840px;overflow-y:auto}
body[data-console="directory"] .directory-map-card .region-map{height:min(660px,70vh);min-height:430px;border:1px solid #d5e0e3;border-radius:4px;background-color:#f7f9f7;background-image:linear-gradient(102deg,transparent 0 33%,#dbe6de 33.5% 34%,transparent 34.5%),linear-gradient(41deg,transparent 0 61%,#dbe6de 61.4% 61.8%,transparent 62%),repeating-linear-gradient(0deg,transparent 0,transparent 35px,#e2e8e5 36px,#e2e8e5 38px,transparent 39px,transparent 68px),repeating-linear-gradient(90deg,transparent 0,transparent 40px,#e7ece9 41px,#e7ece9 42px,transparent 43px,transparent 82px)}
body[data-console="directory"] .map-backdrop:before{background:#d2ecea;box-shadow:10px 0 0 #e7f1ee;opacity:.7}
body[data-console="directory"] .map-backdrop:after{border:2px solid #65bea781;background:#bfe9d345;opacity:.8}
body[data-console="directory"] .county-button{border-radius:20px;min-width:63px;padding:6px;background:#058d94;color:#fff;border:1px solid #fff;box-shadow:0 2px 8px #1f586030}
body[data-console="directory"] .county-button span{color:#fff;font-size:9px}
body[data-console="directory"] .county-button strong{color:#fff;font-size:11px}
body[data-console="directory"] .county-button[data-count="0"]{background:#fff;color:#356474;border-color:#8eb9b9;opacity:.9}
body[data-console="directory"] .county-button[data-count="0"] :is(span,strong){color:#356474}
body[data-console="directory"] .county-button.active{outline:3px solid #1b97a6}
body[data-console="directory"] .map-schematic-watermark{position:absolute;bottom:10px;right:10px;background:#ffffffd9;color:#50737a;font-size:9px;font-weight:800;letter-spacing:.06em;border-radius:4px;padding:6px}
body[data-console="directory"] .provider-card .provider-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex:none;background:#0c6f80;color:#fff;font-size:10px;font-weight:800}
body[data-console="directory"] .provider-card .provider-heading{display:flex;gap:8px;align-items:center}
body[data-console="directory"] .provider-card .provider-heading p{margin-top:3px}
body[data-console="directory"] .provider-details{border-top:1px solid #e2e9ea;padding-top:6px}
body[data-console="directory"] .provider-details summary{cursor:pointer;color:#0b527b;font-size:10px;font-weight:800}
body[data-console="directory"] .provider-details p{margin:7px 0}
body[data-console="directory"] #directory-workspace[data-view="map"] .directory-results{display:none}
body[data-console="directory"] #directory-workspace[data-view="map"] .search-layout{grid-template-columns:minmax(220px,.4fr) minmax(0,1.6fr)}
body[data-console="directory"] #directory-workspace[data-view="list"] .search-layout{grid-template-columns:minmax(220px,.5fr) minmax(0,1.2fr)}
body[data-console="directory"] #directory-workspace[data-view="list"] .directory-map-card{display:none}
body[data-console="directory"] #directory-workspace[data-view="list"] .directory-results{display:block;max-height:none}
body[data-console="directory"] #directory-workspace[data-view="list"] .search-layout{display:block}
body[data-console="directory"] #directory-workspace[data-view="list"] .network-left-stack{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}
body[data-console="directory"] #directory-workspace[data-view="list"] .directory-results .result-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1140px){
 body[data-console="facility"] .facility-reference-layout{grid-template-columns:1fr}
 body[data-console="facility"] .facility-secondary-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-console="directory"] .search-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.1fr)}
 body[data-console="owner"] .console-report-grid{grid-template-columns:1fr}
 body[data-console="owner"] .console-donut-panel{min-height:190px}
}
@media(max-width:900px){
 body[data-console] .app{grid-template-columns:1fr}
 body[data-console] .rail{padding:12px 14px;gap:6px}
 body[data-console] .rail-nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:7px}
 body[data-console] .rail-nav a{white-space:nowrap}
 body[data-console] .canvas{padding:0 13px 32px}
 body[data-console] .console-top-utility{margin:0 -13px;padding:9px 13px}
 body[data-console] .topline{padding-top:15px}
 body[data-console="directory"] .search-layout{grid-template-columns:1fr}
 body[data-console="directory"] .network-left-stack{grid-template-columns:1fr}
 body[data-console="directory"] #directory-workspace[data-view="list"] .network-left-stack{grid-template-columns:1fr}
 body[data-console="directory"] .directory-map-card .region-map{height:410px;min-height:0}
}
@media(max-width:580px){
 body[data-console] .console-top-utility{gap:8px;min-height:46px}
 body[data-console] .console-search{min-height:30px;font-size:10px}
 body[data-console] .console-user strong{display:none}
 body[data-console] .topline{display:block}
 body[data-console] .topline h1{font-size:24px}
 body[data-console] .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body[data-console] .metric{padding:10px;min-height:82px}
 body[data-console] .metric strong{font-size:23px}
 body[data-console="owner"] .console-report-grid{gap:9px}
 body[data-console="owner"] .console-vertical-chart{gap:7px;padding:8px 3px}
 body[data-console="owner"] .console-vcol>span{font-size:8px;overflow-wrap:anywhere}
 body[data-console="owner"] .console-mini-legend{min-height:140px;gap:14px}
 body[data-console="owner"] .console-status-donut{width:112px;height:112px}
 body[data-console="facility"] .property-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-console="facility"] .property-stat:last-child{grid-column:1/-1}
 body[data-console="facility"] .facility-secondary-stack{grid-template-columns:1fr}
 body[data-console="facility"] .portfolio-grid{grid-template-columns:1fr}
 body[data-console="facility"] .property-visual{height:125px}
 body[data-console="directory"] .search-filters form{grid-template-columns:1fr}
 body[data-console="directory"] .directory-map-card .region-map{height:315px}
 body[data-console="directory"] #directory-workspace[data-view="list"] .directory-results .result-cards{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body[data-console] .rail-nav a,body[data-console] .top-actions a{transition:none}}

/* Synthetic preview shell is visible even before the protected runtime renders data. */
body[data-design-preview] .design-preview-banner{position:relative;z-index:20;background:#09233c;color:#fff;padding:10px clamp(12px,2vw,24px);display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;border-bottom:3px solid #31aea9;font-size:11px}
body[data-design-preview] .design-preview-banner strong{font-size:11px;letter-spacing:.04em}
body[data-design-preview] .design-preview-banner nav{display:flex;gap:5px;flex-wrap:wrap}
body[data-design-preview] .design-preview-banner nav a{display:inline-block;background:#294a62;color:#e9fffd;border-radius:5px;padding:7px 10px;font-size:11px;text-decoration:none;font-weight:700}
body[data-design-preview] .design-preview-banner nav a[aria-current="page"]{background:#b5f3dd;color:#063b41}
body[data-design-preview] .design-preview-banner>span{color:#b8d1db;font-size:10px}
body[data-design-preview] .identity small{font-size:7px}
@media(max-width:900px){
 body[data-console="facility"] .app,body[data-console="directory"] .app{grid-template-columns:1fr}
 body[data-console="facility"] .rail{display:block}
 body[data-design-preview] .design-preview-banner{align-items:flex-start}
}