/* Blue spatial card surfaces; operation-card accents retain their original colours. */
.dashboard-mode .room-panel,.dashboard-mode .room-panel.is-selected,.dashboard-mode .selection-status.has-selection,.dashboard-mode .room-hover-tip,.dashboard-mode .op-device-dialog{border-color:#479aff70;background:linear-gradient(135deg,#14263bf2,#0c192bf2 65%);color:#b3cdec;box-shadow:inset 0 1px 0 #c0e5ff09,0 5px 24px #020b1640}
.dashboard-mode .room-panel.is-selected{box-shadow:inset 3px 0 0 #479aff,0 0 26px #479aff1a}
.dashboard-mode .room-panel.is-selected :is(.room-number,h3),.dashboard-mode .selection-status.has-selection b{color:#e2eeff}
.dashboard-mode .room-panel.is-selected p,.dashboard-mode .selection-content small{color:#9cbade}
.dashboard-mode .room-panel .mini-pill,.dashboard-mode .room-panel.is-selected .mini-pill,.dashboard-mode .room-heading-status .selection-pill,.dashboard-mode .focus-state-tag{color:#b8d8ff!important;border-color:#479aff50;background:#479aff14}
.dashboard-mode .room-heading-status .selection-pill:before,.dashboard-mode .focus-state-tag:before,.dashboard-mode .selection-status i{background:#85baff;box-shadow:0 0 7px #479aff60}
.dashboard-mode .focus-button,.dashboard-mode .room-panel.is-selected .focus-button,.dashboard-mode .selection-navigate{color:#b8d8ff;border-color:#479aff68;background:#479aff14}
.dashboard-mode .focus-button:hover,.dashboard-mode .selection-navigate:hover{color:#e2eeff;border-color:#85baff;background:#479aff28}
.dashboard-mode .selection-status .status-divider{color:#6b91bd}
.dashboard-mode #space-select.is-selected{color:#c4dfff;border-color:#479aff91;background-color:#142e4d;box-shadow:0 0 14px #479aff1a}
.dashboard-mode .patient-bed-card{border-color:#479aff33;background:linear-gradient(135deg,#1c365342,#12234568);box-shadow:inset 0 1px 0 #bddfff08}
.dashboard-mode .patient-bed-mark,.dashboard-mode .patient-avatar,.dashboard-mode .patient-demo-badge{color:#b8d8ff;border-color:#479aff56;background:#479aff15}
.dashboard-mode .patient-bed-state{color:#a7d2ff}
.dashboard-mode .patient-bed-state:before{background:#85baff;box-shadow:0 0 6px #479aff4a}
.dashboard-mode .patient-bed-list,.dashboard-mode .room-panel.has-patients{scrollbar-color:#479aff60 transparent}
.dashboard-mode .patient-bed-list::-webkit-scrollbar-thumb{background:#479aff60}
.dashboard-mode .patient-bed-list:focus-visible{outline-color:#85baff}

/* Consistent blue controls, scoped away from operational data cards. */
.dashboard-mode #dashboard-period{background:#10243e;border-color:#479aff45}
.dashboard-mode #dashboard-period button{color:#9bbce5}
.dashboard-mode #dashboard-period button.active{color:#e2eeff;background:#479aff28;box-shadow:inset 0 0 0 1px #479aff80}
.dashboard-mode :is(#space-select,#dashboard-campus,.floor-trigger,.scene-control){color:#b8d8ff;border-color:#479aff65;background-color:#142b49;background-image:none;box-shadow:inset 0 1px 0 #c0deff0d}
.dashboard-mode :is(#space-select,#dashboard-campus){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2385baff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.dashboard-mode :is(#space-select,#dashboard-campus) option{color:#c4dfff;background:#142b49}
.dashboard-mode .floor-trigger b{color:#85baff}
.dashboard-mode :is(#space-select,#dashboard-campus,.floor-trigger,.scene-control):hover,
.dashboard-mode .scene-control:is([aria-expanded=true],[aria-pressed=true]){color:#e2eeff;border-color:#85baff;background-color:#1c3b63;box-shadow:0 0 14px #479aff20}
.dashboard-mode .floor-menu{border-color:#479aff70;background:linear-gradient(135deg,#193454fa,#0e2039fa)}
.dashboard-mode .floor-option,.dashboard-mode .floor-option b,.dashboard-mode .floor-menu p{color:#a9c9ee}
.dashboard-mode .floor-option.is-loaded i{color:#b8d8ff;border-color:#479aff50;background:#479aff14}
.dashboard-mode .floor-option:hover{color:#e2eeff;background:#479aff14;border-color:#479aff50}
.dashboard-mode .floor-option[aria-selected=true]{color:#e2eeff;border-color:#479aff90;background:#479aff24;box-shadow:inset 3px 0 #85baff}
.dashboard-mode .floor-option[aria-selected=true] b{color:#85baff}
.dashboard-mode .bottom-bar{border-top-color:#479aff45}
.dashboard-mode .display-toggles .tool-button,.dashboard-mode .footer-views .view-button,.dashboard-mode .toolbar-right .footer-tool,.dashboard-mode .bottom-bar .icon-button{color:#a9c9ee;border-color:#479aff50;background:#142b49}
.dashboard-mode .display-toggles .tool-button.active,.dashboard-mode .footer-views .view-button.active{color:#dceaff;border-color:#479aff90;background:linear-gradient(145deg,#234b7b,#193455);box-shadow:inset 0 1px 0 #c0deff12}
.dashboard-mode .display-toggles .tool-button:hover,.dashboard-mode .footer-views .view-button:hover,.dashboard-mode .toolbar-right .footer-tool:hover,.dashboard-mode .bottom-bar .icon-button:hover{color:#edf4ff;border-color:#85baff;background:#21436f}
.dashboard-mode .tool-button.active .tool-indicator{background:#479aff}
.dashboard-mode .tool-button.active .tool-indicator:after{background:#edf4ff;box-shadow:0 0 4px #85baff60}
.dashboard-mode .height-control{color:#9bbce5}
.dashboard-mode .height-control input{accent-color:#479aff}
.dashboard-mode .height-control output{color:#b8d8ff}
.dashboard-mode #reset-view.home-button{border-color:#85baff80;color:#edf4ff;background:linear-gradient(115deg,#1857c2,#2879e0 55%,#479aff);box-shadow:inset 0 1px 0 #dceaff57,0 4px 14px #020d233b,0 0 18px #479aff22}
.dashboard-mode :is(#dashboard-period button,#space-select,#dashboard-campus,.floor-trigger,.floor-option,.scene-control,.bottom-bar button,.height-control input):focus-visible{outline-color:#85baff}

/* Keep the offline-dialog close control blue in every interaction state. */
.dashboard-mode .op-device-close{appearance:none;box-sizing:border-box;width:34px;height:34px;padding:0;display:grid;place-items:center;border:1px solid #479aff70;border-radius:7px;color:#b8d8ff;background:#142b49;box-shadow:inset 0 1px 0 #c0deff0d}
.dashboard-mode .op-device-close:hover{color:#edf4ff;background:#21436f;border-color:#85baff;box-shadow:0 0 12px #479aff20}
.dashboard-mode .op-device-close:active{background:#10243e;box-shadow:inset 0 2px 5px #020b1640}
.dashboard-mode .op-device-close:focus-visible{outline:2px solid #85baff;outline-offset:2px;border-color:#85baff;background:#1c3b63}
.dashboard-mode .op-device-close svg{display:block;flex:none;width:18px;height:18px;margin:0;color:inherit}

/* Blue identity and quiet, consistent chrome around the data and model. */
.dashboard-mode .brand-mark{filter:drop-shadow(0 0 8px #479aff38)}
.dashboard-mode .brand-mark i{background:linear-gradient(145deg,#b8d8ff,#479aff 58%,#2564cb);box-shadow:inset 0 1px 0 #e2eeff55}
.dashboard-mode .page-name{text-shadow:0 0 24px #479aff22}
.dashboard-mode .dashboard-source i{background:#85baff;box-shadow:0 0 8px #479aff55}
.dashboard-mode :is(#space-select,#dashboard-campus):focus-visible{border-color:#85baff;outline:2px solid #85baff80;outline-offset:2px;box-shadow:0 0 14px #479aff22}
.dashboard-mode .toolbar-left,.dashboard-mode .toolbar-right{scrollbar-color:#479aff60 transparent}
.dashboard-mode .toolbar-left::-webkit-scrollbar-thumb,.dashboard-mode .toolbar-right::-webkit-scrollbar-thumb{background:#479aff60}
.dashboard-mode .floor-menu>[role=listbox]{scrollbar-color:#479aff60 #10243e}
.dashboard-mode .room-panel .details-close{color:#b8d8ff;border-color:#479aff60;background:#142b49}
.dashboard-mode .room-panel .details-close:hover{color:#edf4ff;border-color:#85baff;background:#21436f}
@media(prefers-reduced-motion:no-preference){
 .dashboard-mode :is(.floor-trigger,.scene-control,#space-select,#dashboard-campus,#dashboard-period button){transition:color .18s,border-color .18s,background-color .18s,box-shadow .18s}
}

/* Functional-zone popover matches the spatial blue card theme. */
.dashboard-mode #model-controls{border-color:#479aff70;background:linear-gradient(135deg,#14263bf5,#0c192bf5 65%);color:#b3cdec;box-shadow:inset 0 1px 0 #c0e5ff09,0 12px 36px #020b1660;scrollbar-color:#479aff60 transparent}
.dashboard-mode #model-controls :is(.floor-number,.floor-heading h1,.section-heading h2,.metrics strong){color:#e2eeff}
.dashboard-mode #model-controls :is(.eyebrow,.floor-number span,.floor-heading p,.metrics span,.microcopy,.source-note){color:#9cbade}
.dashboard-mode #model-controls .thin-rule{background:#479aff30}
.dashboard-mode #model-controls .tiny-square{background:#85baff;box-shadow:0 0 6px #479aff40}
.dashboard-mode #model-controls .text-button{color:#b8d8ff;border:1px solid #479aff50;border-radius:4px;background:#479aff14;padding:3px 8px}
.dashboard-mode #model-controls .zone-button{color:#b8d8ff;border-color:#479aff24;background:#142b4940}
.dashboard-mode #model-controls .zone-button .zone-name{color:#b3cdec}
.dashboard-mode #model-controls .zone-button .zone-count{color:#9cbade}
.dashboard-mode #model-controls .zone-dot{background:var(--zone-color);box-shadow:0 0 7px color-mix(in srgb,var(--zone-color) 45%,transparent)}
.dashboard-mode #model-controls .zone-check{color:var(--zone-color)}
.dashboard-mode #model-controls .zone-button:hover,.dashboard-mode #model-controls .text-button:hover{color:#edf4ff;border-color:#85baff;background:#21436f}
.dashboard-mode #model-controls .zone-button.active{border-color:color-mix(in srgb,var(--zone-color) 65%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--zone-color) 20%,transparent),color-mix(in srgb,var(--zone-color) 6%,transparent));box-shadow:inset 3px 0 var(--zone-color)}
.dashboard-mode #model-controls .zone-button.active .zone-name{color:#e2eeff}
.dashboard-mode #model-controls .zone-button.active .zone-count{color:var(--zone-color)}
.dashboard-mode #model-controls :is(.zone-button,.text-button):focus-visible{outline:2px solid #85baff;outline-offset:2px}

/* Half-day values follow their chart segments, with readable percentages. */
.dashboard-mode .op-donut-legend [data-donut="0"]{--halfday-color:var(--ui-blue)}
.dashboard-mode .op-donut-legend [data-donut="1"]{--halfday-color:var(--ui-cyan)}
.dashboard-mode .op-donut-legend [data-donut="2"]{--halfday-color:var(--ui-amber)}
.dashboard-mode .op-donut-legend button{grid-template-columns:5px minmax(0,1fr) auto 36px;gap:6px}
.dashboard-mode .op-donut-legend button :is(b,em){color:var(--halfday-color)}
.dashboard-mode .op-donut-legend em{font-family:Oxanium,ui-monospace,monospace;font-size:12px;font-weight:600;text-align:right}

/* Space actions use transparent rows separated by horizontal rules. */
.dashboard-mode .room-panel :is(#focus-room,#navigate-room,#focus-bathroom){background:transparent;border:0;border-radius:0;box-shadow:none;margin:0;padding:12px 0;min-height:42px;color:#b8d8ff}
.dashboard-mode .room-panel :is(#navigate-room,#focus-bathroom){border-top:1px solid #479aff40}
.dashboard-mode .room-panel :is(#focus-room,#navigate-room,#focus-bathroom):is(:hover,:active,:focus-visible){background:transparent;box-shadow:none;color:#e2eeff}