/* Optional reference theme. Default HMS theme is intentionally unchanged. */
.theme-toggle{border:1px solid #cfdfd3;border-radius:7px;background:#f1f7f3;color:#244e33;padding:9px 12px;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}
.contact-role{font-size:12px;line-height:1.7;color:var(--muted);min-height:40px}.contact-management{display:flex;gap:10px;align-items:center;margin-top:20px}.contact-management form{margin:0}.contact-management small{color:var(--muted)}.contact-form{max-width:650px}.contact-form p{display:grid;gap:8px}.contact-form .helptext{color:var(--muted);font-size:10px}.contact-form .errorlist{color:#b24032}#metric-kind{display:flex;align-items:center;gap:8px;font-size:10px}#metric-kind[hidden]{display:none}
@media screen {
html[data-theme="dark"]{color-scheme:dark;--canvas:#242323;--ink:#f3f5f1;--green:#32ca00;--lime:#32ca00;--muted:#b1b6ae;--line:#434441;--dark:#242323;--accent-selected:#30b105;--chart-line:#32ca00}
html[data-theme="dark"] body{background:#242323;color:var(--ink)}
html[data-theme="dark"] :is(.sidebar,.topbar,.workspace-navigation,.metric,.panel,.quality-tile,.sensor-card,.vector-card,.contact-card,.phase-panel,.phase-card,.metric-dialog,.display-rotation,.environmental-tile){background:#242323;color:var(--ink);border-color:#434441;box-shadow:0 8px 20px #00000020,inset 0 1px 0 #ffffff05}
html[data-theme="dark"] :is(.sidebar .brand,.topbar .top-context,.topbar .top-actions,.phase-value b,.contact-number,.quality-value,.metric-value,.cost-value,.sensor-card b){color:#f3f5f1}
html[data-theme="dark"] :is(.sidebar .brand small,.sidebar .nav-label,.sidebar .sidebar-bottom p,.sidebar .version,.sidebar .sidebar-product,.sidebar nav a,.sidebar nav a span,.topbar .text-button,.build-label,.workspace-page-links a,.vector-note,.vector-legend,.vector-legend-scale,.phase-summary,.phase-state,.phase-last,.phase-value small,.phase-panel .eyebrow,.metric p,.metric-label,.metric-value small,.quality-label,.quality-foot,.quality-note,.chart-caption,.fineprint,.sensor-card small,.cost-panel p,.cost-value small,.contact-label,.contact-role,.chart-heading,.legend,.environmental-tile small,.tv .sensor-card .eyebrow){color:#b1b6ae}
html[data-theme="dark"] :is(.sidebar:before,.sidebar .brand-icon,.sidebar nav a.active,.workspace-page-links a.selected,.period-buttons button.selected,.theme-toggle[aria-pressed="true"]){background:#32ca00;color:#10210a;border-color:#32ca00;box-shadow:0 5px 14px #00000028}
html[data-theme="dark"] .sidebar nav a.active span{color:#10210a}
html[data-theme="dark"] :is(.sidebar nav a:hover,.workspace-page-links a:hover,.quality-tile:hover,.quality-tile:focus-visible,.sensor-card:hover,.sensor-card:focus-visible){background:#30b105;color:#10210a;border-color:#32ca00;transform:none}
html[data-theme="dark"] :is(.sidebar nav a:hover span,.quality-tile:hover .quality-label,.quality-tile:hover .quality-foot,.quality-tile:hover .quality-value,.quality-tile:focus-visible .quality-label,.quality-tile:focus-visible .quality-foot,.sensor-card:hover .eyebrow,.sensor-card:hover small,.sensor-card:hover b){color:#10210a}
html[data-theme="dark"] :is(.hero,.contact-hero){background:#32ca00;border-color:#32ca00;color:#10210a;box-shadow:0 15px 30px #00000025}
html[data-theme="dark"] :is(.hero h2,.hero p,.hero .hero-mode,.hero .hero-tags,.hero .hero-signature,.hero .eyebrow,.contact-hero h2,.contact-hero p,.contact-hero .eyebrow){color:#10210a;text-shadow:none}
html[data-theme="dark"] .hero .hero-signature span{background:#24232315;border-color:#10210a60;color:#10210a}
html[data-theme="dark"] :is(.hero .live-dot,.hero-tags span:before){background:#10210a;box-shadow:none}
html[data-theme="dark"] :is(.hero:before,.hero:after){border-color:#10210a12}
html[data-theme="dark"] :is(.hero-brand,.contact-brand){background:#fff;border-color:#fff;box-shadow:0 8px 20px #00000020}
html[data-theme="dark"] :is(input,select,textarea){background:#1c1c1c;color:#f3f5f1;border-color:#50534d}
html[data-theme="dark"] input[type="checkbox"]{accent-color:#32ca00}
html[data-theme="dark"] :is(.button:not(.secondary):not(.danger),.fullscreen){background:#32ca00;color:#10210a;border-color:#32ca00;box-shadow:0 4px 10px #00000025}
html[data-theme="dark"] :is(.button.secondary,.period-buttons button,.theme-toggle,.sound-button,.icon-button,.topbar .user-avatar){background:#2c2d29;color:#d8e2d3;border-color:#50534d;box-shadow:none}
html[data-theme="dark"] .period-buttons button.selected{background:#32ca00;color:#10210a;border-color:#32ca00}
html[data-theme="dark"] :is(.status.online,.topbar .local-badge,.metric-symbol,.contact-initials,.count-badge,.vector-status.measured){background:#32ca0018;color:#72e849;border:1px solid #32ca0050;box-shadow:none}
html[data-theme="dark"] :is(.vector-status,.status){background:#30312e;color:#ccd2c7;border-color:#50534d}
html[data-theme="dark"] :is(.vector-status.reference,.vector-status.mixed,.status.stale,.notice.warning){background:#3b3322;color:#f0d691;border-color:#806732}
html[data-theme="dark"] :is(.notice,.chart-tooltip){background:#30312e;color:#f3f5f1;border-color:#50534d;box-shadow:0 4px 15px #00000030}
html[data-theme="dark"] :is(th,td,.sidebar .sidebar-bottom,.cost-rule){border-color:#434441}
html[data-theme="dark"] :is(thead,th){background:#2c2d29;color:#b1b6ae}
html[data-theme="dark"] tr:hover{background:#2c2d29}
html[data-theme="dark"] :is(.inline-link,.display-rotation summary span,.cost-comparison.down){color:#72e849}
html[data-theme="dark"] :is(.alarm-banner,.sensor-alarm,.quality-tile.threshold-exceeded){background:#482724;border-color:#b85a4d;color:#ffb6a9}
html[data-theme="dark"] :is(.sensor-alarm b,.quality-tile.threshold-exceeded .quality-value,.alarm-banner p,.alarm-banner a){color:#ffb6a9}
html[data-theme="dark"] .quality-tile.threshold-exceeded:hover{background:#60342e}
html[data-theme="dark"] :is(.phase-unavailable,.sensor-unavailable,.environmental-tile.unavailable){background:#292a27;color:#b1b6ae}
html[data-theme="dark"] .chart svg text{fill:#b1b6ae}
html[data-theme="dark"] .chart svg line[stroke="#e0e9e3"]{stroke:#484b44}
html[data-theme="dark"] .chart svg path[stroke="#26a74b"],html[data-theme="dark"] .chart svg path[stroke="#167332"]{stroke:#32ca00}
html[data-theme="dark"] .chart-series-legend span:first-child{color:#32ca00!important}
html[data-theme="dark"] .vector-chart svg text{fill:#c5cec0}
html[data-theme="dark"] .vector-chart svg circle[fill="#f6f9f6"]{fill:#242323}
html[data-theme="dark"] :is(a,button,input,select,textarea):focus-visible{outline:2px solid #9afd76;outline-offset:3px}
html[data-theme="dark"] .sidebar nav{scrollbar-color:#32ca00 #242323}
html[data-theme="dark"] .tiny-dot{background:#32ca00;box-shadow:none}
}
@media(max-width:750px){.theme-toggle{padding:8px;font-size:9px}.contact-management{flex-wrap:wrap}}
@media screen {
html[data-theme="dark"] .vector-chart svg circle[fill="#fbfcfb"]{fill:#242323;stroke:#595f53}
html[data-theme="dark"] .vector-chart svg [stroke="#fbfcfb"]{stroke:#242323}
html[data-theme="dark"] .vector-chart svg :is(circle,line,path)[stroke="#e1e8e3"],html[data-theme="dark"] .vector-chart svg [stroke="#c7d8ce"]{stroke:#484e42}
html[data-theme="dark"] .vector-chart svg text[fill="#bd493e"]{fill:#ed8177}
html[data-theme="dark"] .vector-chart svg text[fill="#9a7416"]{fill:#e4c15f}
html[data-theme="dark"] .vector-chart svg text[fill="#3974ac"]{fill:#78b4e8}
}
@media screen {
html[data-theme="dark"] .sidebar:before{background:#32ca00}
html[data-theme="dark"] .sidebar nav a.active,html[data-theme="dark"] .sidebar nav a.active span,html[data-theme="dark"] .workspace-page-links a.selected{color:#10210a;background:#32ca00}
html[data-theme="dark"] .metric-primary .metric-value b,html[data-theme="dark"] .cost-today strong{color:#72e849}
html[data-theme="dark"] .period-buttons{background:#343730;border-color:#434441}
html[data-theme="dark"] .environmental-tile.motion.active{background:#482724;border-color:#b85a4d}
html[data-theme="dark"] .environmental-tile.motion.active b{color:#ffb6a9}
html[data-theme="dark"] .phase-card{border-left-color:var(--phase-color)}
html[data-theme="dark"] .phase-card[data-phase="l1"] .phase-name,html[data-theme="dark"] .phase-card[data-phase="l1_l2"] .phase-name{color:#ed8177}
html[data-theme="dark"] .phase-card[data-phase="l2"] .phase-name,html[data-theme="dark"] .phase-card[data-phase="l2_l3"] .phase-name{color:#e4c15f}
html[data-theme="dark"] .phase-card[data-phase="l3"] .phase-name,html[data-theme="dark"] .phase-card[data-phase="l3_l1"] .phase-name{color:#78b4e8}
}
@media screen {
html[data-theme="dark"] .sidebar nav a.active,
html[data-theme="dark"] .sidebar nav a.active span,
html[data-theme="dark"] .workspace-navigation a[aria-current="page"] {color:#10210a!important}
html[data-theme="dark"] .login-story {background:#242323;color:#f4f5f2}
html[data-theme="dark"] .login-form {background:#242323;color:#f4f5f2}
}
@media(max-width:480px){.quality-value{font-size:clamp(18px,5vw,26px)}.quality-value b{overflow-wrap:anywhere}}