/* H2OChem V65.11.0 — shared presentation layer. No data or workflow changes. */
:root {
 --h2o-navy:#052d55; --h2o-blue:#087eb8; --h2o-cyan:#16b3d8; --h2o-action:#087ab3;
 --h2o-ink:#19344c; --h2o-muted:#53697c; --h2o-line:#dce5ed;
 --h2o-surface:#fff; --h2o-canvas:#f4f7fa; --h2o-soft:#edf4f8;
 --h2o-radius:8px; --h2o-control:6px; --h2o-shadow:0 1px 3px #17374d08;
 font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
 font-size:14px; color:var(--h2o-ink); background:var(--h2o-canvas);
 font-synthesis:none; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;
}
html body {color:var(--h2o-ink);background:var(--h2o-canvas);line-height:1.5;}
html body * {box-sizing:border-box;}
html body h1 {font-size:24px;font-weight:650;line-height:1.25;letter-spacing:-.025em;margin:4px 0 8px;}
html body h2 {font-size:16px;font-weight:650;line-height:1.4;letter-spacing:-.012em;margin:0 0 12px;}
html body h3 {font-size:14px;font-weight:650;line-height:1.45;}
html body strong,html body b {font-weight:650;}
html body .muted,html body .subtle {color:var(--h2o-muted);}
html body .small {font-size:12px;line-height:1.5;}
html body .eyebrow,html body .mon-eyebrow {font-size:10px;font-weight:650;letter-spacing:.09em;color:#3c708d;}
html body p {line-height:1.55;}
html body .shell {align-items:flex-start;}
html body .sidebar {width:238px;flex:0 0 238px;min-height:100vh;height:100vh;position:sticky;top:0;overflow:auto;padding:20px 10px;background:linear-gradient(165deg,#052d55 0%,#075e9e 65%,#087ab3 100%);}
html body .sidebar::after {display:none;}
html body .brand {gap:10px;margin:0 6px 22px;}
html body .brand-logo-wrap {border-radius:6px;box-shadow:none;padding:8px;}
html body .brand-logo-img {max-width:170px;max-height:58px;object-fit:contain;}
html body .brand-subtitle {font-size:9px;letter-spacing:.09em;line-height:1.5;color:#c1d9e7;}
html body .nav {border-radius:5px;margin:3px 0;padding:8px 10px;font-size:12px;line-height:1.5;min-height:38px;color:#cfdfeb;background:transparent;white-space:normal;}
html body .nav:hover {background:#ffffff0d;color:#fff;}
html body .nav.active {background:#ffffff14;color:#fff;box-shadow:inset 3px 0 0 var(--h2o-cyan);font-weight:650;}
html body .hydro-nav-heading {font-size:9px;letter-spacing:.11em;font-weight:650;text-transform:uppercase;color:#a8c6d9;margin:18px 10px 8px;}
html body .hydro-nav-tools {border-top:1px solid #ffffff24;margin-top:16px;padding-top:10px;}
html body .hydro-nav-tools>summary {font-size:12px;color:#d9eaf3;padding:9px 10px;}
html body .main {flex:1;min-width:0;width:calc(100% - 238px);}
html body .top {min-height:66px;padding:12px 26px;background:#fff;border-bottom:1px solid var(--h2o-line);gap:14px;}
html body .top strong {font-size:13px;}
html body .top select {font-size:12px;max-width:220px;}
html body .content {max-width:1480px;padding:24px 28px 32px;margin:0 auto;}
html body .heading {margin:0 0 20px;gap:12px;align-items:flex-end;}
html body .heading>.muted,html body .heading .muted {max-width:85ch;font-size:13px;}
html body .wm-mode-switch {margin:0;padding:12px 26px;border:0;border-bottom:1px solid var(--h2o-line);border-radius:0;background:#fff;gap:12px;}
html body .wm-mode-switch strong {font-size:12px;}
html body .wm-mode-switch p {font-size:11px;margin:3px 0 0;color:var(--h2o-muted);}
html body .wm-mode-switch [role=group] {gap:4px;padding:3px;background:#eef3f7;border:1px solid #e1e8ef;border-radius:7px;}
html body .wm-mode-switch button {min-height:32px;font-size:12px;padding:6px 12px;border:0!important;border-radius:4px!important;box-shadow:none!important;}
html body .wm-mode-switch button[aria-pressed=true] {background:var(--h2o-navy)!important;color:#fff!important;box-shadow:none!important;}
html body .wm-mode-switch button[aria-pressed=false] {background:transparent!important;color:#486378!important;}
html body .btn {border-radius:var(--h2o-control);font-size:12px;font-weight:600;line-height:1.4;min-height:36px;padding:8px 12px;box-shadow:none;border:1px solid transparent;white-space:normal;letter-spacing:0;}
html body .btn:not(.secondary):not(.outline):not(.danger) {background:var(--h2o-action);color:#fff;}
html body .btn:not(.secondary):not(.outline):not(.danger):hover {background:#086b9e;}
html body .btn.secondary {color:#175b7e;background:#edf5f9;border-color:#d9e7ef;}
html body .btn.outline {color:#36566f;background:#fff;border-color:#cddce7;}
html body .btn.danger {color:#a52c32;background:#fdf1f1;border-color:#e9c5c8;}
html body .btn:disabled {opacity:.55;cursor:not-allowed;}
html body :is(button,input,select,textarea,summary,a):focus-visible {outline:3px solid #087eb8;outline-offset:3px;}
html body input:not([type=checkbox]):not([type=radio]),html body select,html body textarea {min-width:0;max-width:100%;min-height:36px;border:1px solid #cbd8e3;border-radius:var(--h2o-control);padding:8px 10px;font:inherit;font-size:13px;line-height:1.45;background:#fff;color:var(--h2o-ink);box-shadow:none;}
html body input[type=checkbox],html body input[type=radio] {accent-color:var(--h2o-blue);width:17px;min-width:17px;height:17px;margin-right:6px;}
html body label {font-size:12px;font-weight:600;color:#476176;line-height:1.5;}
html body textarea {resize:vertical;}
html body .card,html body .tc-card,html body .mon-device,html body .mon-process,html body .mon-empty,html body .wm-editor,html body .client-demo-stats>.card {background:#fff;border:1px solid var(--h2o-line);border-radius:var(--h2o-radius);padding:18px;box-shadow:var(--h2o-shadow);min-width:0;}
html body .grid,html body .two,html body .hi-grid,html body .wm-metrics,html body .wm-system-grid {gap:14px;}
html body :is(.grid,.two,.hi-grid,.wm-metrics,.wm-system-grid,.mon-grid,.mon-equipment-grid,.tc-grid)>* {min-width:0;}
html body .metric,html body .hi-metric b,html body .wm-metrics strong,html body .tc-metric .value {font-size:26px;font-weight:650;letter-spacing:-.035em;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--h2o-navy);}
html body .grid>.card:has(.metric),html body .hi-metric,html body .wm-metrics .card,html body .tc-metric {background:#fff;border:1px solid var(--h2o-line);border-radius:8px;box-shadow:none;padding:16px 18px;border-top:2px solid #83bdd8;}
html body .hi-metric span,html body .grid>.card:has(.metric)>.muted {font-size:11px;font-weight:550;color:var(--h2o-muted);margin-bottom:10px;display:block;}
html body .listrow {gap:14px;padding:11px 0;border-color:#e8eef3;}
html body .listrow>div {min-width:0;overflow-wrap:anywhere;}
html body .listrow:last-child {border-bottom:0;}
html body .actions {gap:7px;flex-wrap:wrap;margin-top:14px;}
html body .formgrid {gap:14px;}
html body table {width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;}
html body th {padding:10px 12px;background:#f5f8fa;border-bottom:1px solid #d5e1ea;font-size:10px;line-height:1.5;font-weight:650;text-transform:uppercase;letter-spacing:.055em;color:#526c7e;}
html body td {padding:11px 12px;font-size:12px;line-height:1.5;border-color:#e6edf3;vertical-align:top;}
html body tbody tr:hover {background:#f8fbfd;}
html body .tablewrap,html body .card:has(>table),html body .tc-card:has(>table) {max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;}
html body .pill,html body .status-pill,html body .review-badge,html body .tc-pill,html body .mon-state {border-radius:4px;font-size:10px;font-weight:600;line-height:1.45;padding:3px 7px;border:1px solid #d8e6ef;box-shadow:none;white-space:normal;}
html body .pill.good,html body .status-pill.ok,html body .mon-normal {background:#edf7f2;color:#24634b;border-color:#d1e7da;}
html body .pill.warn,html body .status-pill.soon,html body .mon-warning {background:#fff7e8;color:#855816;border-color:#eddcb8;}
html body .pill.bad,html body .status-pill.late,html body .mon-alarm {background:#fceff0;color:#a12e38;border-color:#eecdd1;}
html body .mon-offline,html body .mon-unknown,html body .mon-unassessed {background:#f0f3f6;color:#566a7d;border-color:#dce3e9;}
html body .notice,html body .tc-notice,html body .compliance-summary {background:#f0f6fa;border:1px solid #d7e5ee;border-left:3px solid #4d9cc1;border-radius:5px;padding:12px 14px;box-shadow:none;font-size:12px;line-height:1.6;}
html body .tc-alert,html body .tc-risk-item {border-radius:6px;padding:12px 14px;}
html body .mon-error,html body .wm-error,html body .client-demo-notice {border-radius:6px;}
html body .hero {padding:22px 24px!important;border-radius:8px;background:linear-gradient(110deg,#e5f3ff 0%,#c9edff 60%,#b4edf7 100%);box-shadow:none;margin:0 0 18px;}
html body .hero::after,html body .sidebar::after {display:none!important;}
html body .hero h1 {font-size:25px;max-width:35ch;}
html body .hero .muted {color:#d8eaf3!important;max-width:80ch;font-size:13px;}
html body .hero .audit-start-btn {background:#fff!important;color:#095b85!important;border:1px solid #deedf5!important;min-height:36px!important;padding:8px 14px!important;border-radius:5px!important;box-shadow:none!important;}
html body .hero .audit-start-btn:hover {background:#edf7fc!important;}
html body .hydro-intro,html body .hi-banner,html body .hydro-reminder,html body .wm-welcome,html body .tc-hero,html body .mon-hydro {display:flex;align-items:flex-start;gap:12px;background:#f7fafc;border:1px solid var(--h2o-line);border-left:3px solid var(--h2o-cyan);border-radius:7px;padding:16px;box-shadow:none;}
html body .hydro-intro>img,html body .hi-banner>img,html body .hydro-reminder>img,html body .wm-welcome>img,html body .tc-hero>img,html body .mon-hydro>img,html body .hydro-ask-head>img {display:none!important;}
html body .hydro-speech {border-left:0;padding-left:0;}
html body .hydro-intro h2,html body .hi-banner h2,html body .wm-welcome h2,html body .tc-hero h2,html body .hydro-reminder h2 {font-size:16px;}
html body .hydro-intro p,html body .hydro-reminder p,html body .wm-welcome p {font-size:13px;}
html body .hydro-ask-card {border-top:2px solid var(--h2o-cyan);}
html body .hydro-ask-head {gap:10px;margin-bottom:14px;}
html body .hydro-answer,html body .hydro-result,html body .hydro-chat-message {background:#f6f9fc;border:1px solid #dce7ef;border-radius:6px;padding:14px;line-height:1.65;}
html body .hydro-guide-bubble {border-radius:8px;border:1px solid #c9dce8;border-top:3px solid var(--h2o-cyan);box-shadow:0 8px 28px #12344c1c;max-width:350px;padding:16px;}
html body .hydro-guide-bubble img {display:none;}
html body .hydro-guide-bubble strong {font-size:13px;}
html body .hydro-guide-bubble p {font-size:13px;}
html body .hydro-guide-target {outline-width:3px!important;outline-offset:3px!important;box-shadow:0 0 0 6px #16b3d814!important;animation:none!important;}
html body .hi-tabs,html body .tc-tabs,html body .lm-panes {gap:5px;border-bottom:1px solid var(--h2o-line);padding-bottom:9px;}
html body .hi-tabs button {border-radius:5px;font-size:12px;padding:8px 12px;}
html body .hi-tabs button.active {background:#e9f4fa;color:#075b84;border-color:#9bc8de;}
html body .monthcard,html body .weekcard,html body .lm-domains button,html body .lm-report,html body .lm-upload,html body .lm-guidance {border-radius:7px;box-shadow:none;}
html body .lm-domains strong {font-size:16px;}
html body .lm-service {font-size:12px;border-radius:4px;padding:5px 9px;}
html body .lm-domains button {padding:13px 15px;background:#fff;}
html body .lm-domains button.selected {padding:12px 14px;background:#f0f7fb;border-color:#4a9dc5;}
html body .lm-fold>summary h2,html body .lm-fold>summary h3 {font-size:14px;}
html body .lm-months .monthcard {min-height:118px;}
html body .lm-report-actions {gap:6px;}
html body .lm-filters,html body .lm-filter-panel,html body .wm-filters,html body .tc-controls {background:#f7fafc;border-color:var(--h2o-line);border-radius:6px;gap:12px;}
html body .wm-type-tile .btn {min-height:76px;border-radius:7px;box-shadow:none;gap:12px;padding:12px;}
html body .wm-type-image {flex-basis:52px;width:52px;height:48px;border:0;border-radius:5px;background:#edf5f9;box-shadow:none;}
html body .wm-type-copy strong {font-size:13px;}
html body .wm-type-copy small {font-size:11px;line-height:1.45;}
html body .wm-editor fieldset,html body .wm-draft-row {border-radius:6px;border:1px solid var(--h2o-line);padding:14px;}
html body .building-photo-card {border-radius:8px;box-shadow:none;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);}

html body .building-photo-placeholder {font-size:28px;background:#edf4f8;min-height:150px;}
html body .site-hero-footer {border-radius:0;margin-top:28px;border:0;border-top:1px solid var(--h2o-line);background:transparent;box-shadow:none;}
html body .footer-molecule {display:none;}
html body .footer-bottom {background:transparent;color:var(--h2o-muted);font-size:10px;padding:16px 0;gap:10px;}
html body .attendance-dashboard-card {border:1px solid var(--h2o-line);border-radius:7px;padding:15px;box-shadow:none;}
html body .hydro-van-card {border-radius:7px;}
html body .hydro-van-stage {height:110px;min-height:110px;}
html body .portal-login {background:linear-gradient(135deg,#0579bf,#0799e8 60%,#18b7eb);}
html body .portal-login-card {border-radius:10px;padding:28px;box-shadow:0 20px 60px #001d3530;}
html body .portal-login-card h2 {font-size:23px;}
html body .client-demo-stats {gap:14px;}
/* HLEM: keep the readings, units, timestamps, flags and original chart data. */
html body #h2o-live-monitor {padding:18px;min-width:0;}
html body .mon-filters {margin:14px 0;padding:12px;background:#f7fafc;border:1px solid var(--h2o-line);border-radius:6px;gap:12px;}
html body .mon-filters label {min-width:160px;font-size:11px;}
html body .mon-process-summary {padding:12px 0;border-bottom:1px solid var(--h2o-line);margin-bottom:16px;gap:12px;}
html body .mon-equipment-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;}
html body .mon-equipment-card {border-color:var(--h2o-line);border-radius:8px!important;box-shadow:var(--h2o-shadow);}
html body .mon-equipment-card h3 {font-size:15px;}
html body .mon-equipment-picture {background:#f8fafc;border:0;border-bottom:1px solid var(--h2o-line);border-radius:0;margin:0;max-width:none;}
html body .mon-equipment-picture>div:has(>svg) {height:102px;padding:12px;}
html body .mon-equipment-picture svg {max-width:170px;}
html body .mon-equipment-picture figcaption {font-size:9px;letter-spacing:.055em;padding:0 14px 8px;}
html body .mon-device-body {padding:16px;}
html body .mon-reading,html body .mon-equipment-card .mon-reading {padding:11px;border-radius:5px;gap:5px;background:#f7fafc;border-color:#e0e8ef;font-size:11px;}
html body .mon-reading strong,html body .mon-equipment-card .mon-reading strong {font-size:22px;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.035em;color:var(--h2o-navy);}
html body .mon-reading small {font-size:10px;color:var(--h2o-muted);}
html body .mon-equipment-card .mon-reading>small {display:block;}
html body .mon-health-summary {background:#f8fbfd;border:1px solid var(--h2o-line);border-radius:7px;padding:18px;gap:18px;grid-template-columns:150px minmax(0,1fr);}
html body .mon-health-number>strong {font-size:42px;letter-spacing:-.05em;font-variant-numeric:tabular-nums;}
html body .mon-health-summary>div>strong {font-size:15px;}
html body .mon-score>strong {font-size:42px;letter-spacing:-.05em;}
html body .mon-stats {gap:8px;}
html body .mon-stats dt {font-size:9px;}
html body .mon-stats dd {font-size:14px;font-variant-numeric:tabular-nums;}
html body .mon-tool-panel {border-radius:6px;border:1px solid var(--h2o-line);box-shadow:none;}
html body .mon-tool-panel>summary {padding:13px 15px;font-size:12px;font-weight:650;background:#fafcfd;}
html body .mon-chart {background:#fff;border:1px solid #e1e9f0;border-radius:6px;}
html body .mon-chart text {font-family:inherit;font-size:12px;fill:#536c7f;}
html body .mon-chart-legend {font-size:11px;gap:12px;}
html body .mon-event-list {font-size:12px;}
/* Written Scheme evidence: compact source/period/status/evidence columns. */
html body #wsc-intelligence {border-top:2px solid #69b8d5;}
html body #wsc-intelligence fieldset {padding:14px;margin:14px 0;border:1px solid var(--h2o-line);border-radius:6px;}
html body #wsc-intelligence legend {font-size:13px;font-weight:650;padding:0 6px;}
html body #wsc-intelligence label {margin:10px 0;font-size:12px;}
html body #wsc-intelligence details {margin:12px 0;}
html body #wsc-intelligence details>summary {font-size:12px;font-weight:650;padding:8px 0;color:#28617f;cursor:pointer;}
html body #wsc-intelligence table {table-layout:fixed;}
html body #wsc-intelligence td {white-space:normal;font-size:12px;overflow-wrap:anywhere;line-height:1.55;}
html body #wsc-intelligence td .btn {font-size:11px;margin:3px 0;}
html body #wsc-intelligence td p.small {font-size:11px;color:var(--h2o-muted);}
html body #wsc-intelligence pre {background:#f5f8fb;border:1px solid #e2eaf0;border-radius:5px;padding:12px;font-size:11px;line-height:1.6;}
@media(min-width:1500px){html body .content{padding:28px 34px;}}
@media(max-width:1150px){html body .sidebar{width:214px;flex-basis:214px;padding:18px 10px;}html body .main{width:calc(100% - 214px);}html body .top{padding:12px 20px;}html body .content{padding:20px;}html body .wm-mode-switch{padding:12px 20px;}html body .hi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}html body .grid{grid-template-columns:repeat(2,minmax(0,1fr));}html body .two{grid-template-columns:1fr;}html body .wm-mode-switch{align-items:flex-start;flex-wrap:wrap;}}
@media(max-width:850px){html body .shell{display:block;}html body .sidebar{position:relative;width:100%;height:auto;min-height:0;padding:14px 16px;}html body .main{width:100%;}html body .brand{margin:0 0 12px;display:flex;align-items:center;}html body .brand-logo-img{max-width:138px;max-height:42px;}html body .brand-logo-wrap{padding:5px 8px;}html body .sidebar nav{display:block;max-height:34vh;overflow:auto;}html body .hydro-nav-core{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}html body .hydro-nav-core .hydro-nav-heading{grid-column:1/-1;}html body .hydro-nav-tools{margin-top:10px;padding-top:6px;}html body .nav{font-size:12px;min-height:44px;padding:11px 8px;margin:0;}html body .top{padding:12px 16px;flex-wrap:wrap;align-items:flex-start;}html body .top>div:last-child{max-width:100%;}html body .content{padding:20px 16px;}html body .wm-mode-switch{margin:0;padding:12px 16px;flex-direction:column;align-items:stretch;}html body .wm-mode-switch [role=group]{align-self:flex-start;max-width:100%;}html body .wm-mode-switch button{padding:8px 12px;min-height:40px;}html body .building-photo-card{grid-template-columns:1fr;}html body .mon-health-summary{grid-template-columns:120px minmax(0,1fr);gap:12px;}html body .lm-report-body{flex-direction:column;}html body .lm-report-actions{flex-direction:row;flex-wrap:wrap;}html body .hero h1{font-size:23px;}html body .mon-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:540px){html body h1{font-size:22px;}html body .heading{align-items:flex-start;gap:12px;}html body .heading>.btn{width:100%;}html body .content{padding:18px 12px;}html body .top{padding:12px;}html body .top select{max-width:100%;flex:1;min-width:110px;}html body #h2o-cloud-status{max-width:100%!important;}html body .card,html body .tc-card,html body .mon-process,html body #h2o-live-monitor{padding:14px;}html body .grid,html body .hi-grid,html body .client-demo-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}html body .grid>.card:has(.metric),html body .hi-metric,html body .tc-metric{padding:13px 12px;}html body .metric,html body .hi-metric b,html body .wm-metrics strong{font-size:24px;}html body .grid>.card .muted{font-size:10px;}html body .formgrid,html body .lm-filters,html body .lm-picker-filters,html body .wm-system-grid,html body .wm-metrics{grid-template-columns:1fr;}html body .formgrid>*{grid-column:auto!important;}html body .btn{min-height:44px;padding:10px 12px;}html body .wm-mode-switch{padding:10px 12px;}html body .wm-mode-switch [role=group]{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}html body .wm-mode-switch button{font-size:11px;padding:8px 6px;min-height:44px;}html body input:not([type=checkbox]):not([type=radio]),html body select{min-height:42px;font-size:16px;}html body .hero{padding:18px!important;}html body .hero h1{font-size:22px;}html body .listrow{flex-wrap:wrap;gap:8px;}html body .mon-health-summary{grid-template-columns:1fr;}html body .mon-health-number>strong{font-size:36px;}html body .mon-filters{display:grid;grid-template-columns:1fr;padding:10px;}html body .mon-filters label{min-width:0;}html body .mon-equipment-picture>div:has(>svg){height:88px;}html body .mon-grid{grid-template-columns:repeat(2,minmax(0,1fr));}html body .lm-months{grid-template-columns:repeat(2,minmax(0,1fr));}html body .lm-domains{grid-template-columns:1fr;}html body .tablewrap table,html body .card>table{min-width:620px;}html body #wsc-intelligence table{min-width:0;display:block;}html body #wsc-intelligence thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}html body #wsc-intelligence tbody{display:block;}html body #wsc-intelligence tr{display:block;border:1px solid var(--h2o-line);border-radius:6px;margin:12px 0;background:#fff;}html body #wsc-intelligence td{display:block;width:100%;padding:12px;white-space:normal;border-bottom:1px solid #e6edf3;}html body #wsc-intelligence td:before{display:block;margin:0 0 6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#557185;font-weight:650;}html body #wsc-intelligence td:nth-child(1):before{content:"Requirement / source";}html body #wsc-intelligence td:nth-child(2):before{content:"Required period / status";}html body #wsc-intelligence td:nth-child(3):before{content:"Supporting evidence / follow-up";}html body .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;}html body .hydro-guide-bubble{left:10px;right:10px;bottom:10px;max-width:none;padding:14px;}html body .hydro-guide-bubble p{max-height:24vh!important;}html body .hydro-guide-bubble .btn{min-height:40px;font-size:12px;}}
@media(prefers-reduced-motion:reduce){html body *,html body *:before,html body *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important;}}
@media print{html body .sidebar,html body .top,html body .wm-mode-switch,html body .hydro-guide-bubble{display:none!important;}html body .main{width:100%;}html body .content{max-width:none;padding:0;}html body .card,html body .tc-card{box-shadow:none;break-inside:avoid;}html body .tablewrap{overflow:visible;}html body .tablewrap table{min-width:0;}html body .hero{color:#19344c!important;background:#fff!important;border:1px solid #dce5ed;}}
/* Secondary Hydro source artwork and journey illustrations are decorative. */
html body .mon-source {background:#f7fafc;border:1px solid var(--h2o-line);border-radius:7px;padding:14px;}
html body .mon-source-intro>img {display:none;}
html body .mon-source-intro strong {font-size:14px;}
html body .mon-source-intro p {font-size:12px;}
html body .hydro-van-wrap,html body .hydro-van-stage::before,html body .hydro-van-stage::after {display:none;}
html body .hydro-van-stage {height:auto;min-height:0;background:#f7fafc;}
@media(max-width:540px){html body .hero .audit-start-btn{min-height:44px!important;}html body .hydro-guide-bubble .btn{min-height:44px;}}
html body .sidebar .nav {color:#cfdfeb;}
html body .sidebar .nav.active {color:#fff;}
html body .sidebar .brand-subtitle {color:#c1d9e7;}
html body .wsc-overview {margin:12px 0 18px;}
html body .wsc-kpis {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px;}
html body .wsc-kpi {padding:14px;border:1px solid var(--h2o-line);border-top:2px solid #83bdd8;border-radius:6px;background:#fafcfd;min-width:0;}
html body .wsc-kpi span {display:block;font-size:10px;color:var(--h2o-muted);margin-bottom:8px;line-height:1.5;}
html body .wsc-kpi strong {display:block;font-size:26px;line-height:1.2;letter-spacing:-.035em;color:var(--h2o-navy);font-variant-numeric:tabular-nums;}
@media(max-width:1150px){html body .wsc-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:540px){html body .wsc-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}html body .wsc-kpi{padding:12px;}}
/* Resolve older white-on-gradient !important rules without changing button behaviour. */
html body .top {color:var(--h2o-ink);box-shadow:none;}
html body .top strong {color:var(--h2o-ink);}
html body .top .muted,html body .top .small {color:var(--h2o-muted);}
html body .btn.secondary {color:#175b7e!important;}
html body .btn.outline {color:#36566f!important;}
html body .btn.danger {color:#a52c32!important;}
html body .tab {background:#fff;color:#36566f!important;border:1px solid #d7e3ec;box-shadow:none;border-radius:5px;}
html body .tab.active {background:#eaf4fa;color:#075b84!important;border-color:#91bdd3;}
html body .website-image-footer .footer-bottom,html body .website-image-footer .footer-bottom span {background:transparent!important;color:var(--h2o-muted)!important;}
html body #install-h2ochem {background:var(--h2o-action);border-radius:6px;font-size:12px;min-height:44px;box-shadow:0 3px 12px #17374d14;}
html body .hydro-van-card,html body .hydro-van-card.enroute,html body .hydro-van-card.onsite,html body .hydro-van-card.idle {background:#f7fafc;box-shadow:none;border-radius:7px;}
html body .hydro-road,html body .hydro-grass {display:none;}
html body .building-photo-preview,html body .mon-health {background:#f7fafc;}
html body .tc-outbreak {background:#f4f9fc;border-radius:7px;}
html body .tc-outbreak.alert {background:#fff2f2;border-color:#d54242;}

/* Compact navigation based on the existing live menu, with darker brand blue. */
html body .sidebar .nav {background:transparent;color:#fff;border:0;box-shadow:none;}
html body .sidebar .nav:hover {background:#052d5526;color:#fff;}
html body .sidebar .nav.active {background:#052d5533;color:#fff;box-shadow:inset 3px 0 0 #54d9ff;font-weight:650;}
html body .sidebar .brand-subtitle {color:#d1e2ed;}
html body .sidebar .hydro-nav-heading,html body .sidebar .hydro-nav-tools>summary,html body .sidebar .hydro-nav-help {color:#fff;background:transparent;border-radius:5px;padding:8px 10px;opacity:1;}
html body .sidebar .hydro-nav-tools {border-top-color:#ffffff30;}
html body .sidebar .hydro-nav-tools>summary {min-height:52px;padding-left:56px;position:relative;}
html body .sidebar .hydro-nav-tools>summary::before {content:"";position:absolute;left:9px;top:5px;width:36px;height:42px;background:url("hydro-mascot-65.6.6.png") center/contain no-repeat;}
html body .top {border-top:3px solid #0799e8;background:linear-gradient(105deg,#f3faff,#e9faff);}
html body .hero,html body .hero h1,html body .hero h2,html body .hero p {color:#19344c!important;}
html body .hero .muted {color:#36566f!important;}
html body .wm-mode-switch button[aria-pressed=true] {background:#087ab3!important;}
/* Keep Hydro at the AI entry points, rather than repeating large illustrations. */
html body .hydro-ask-head>img {display:block!important;width:48px!important;height:58px!important;flex:0 0 48px;object-fit:contain;align-self:flex-start;}
html body .hydro-guide-bubble .hg-head>img {display:block;width:32px;height:40px;object-fit:contain;}

/* Empty photo slots use a technical outline; uploaded photographs stay visible. */
html body .building-photo-placeholder {font-size:0;background:#f7fafc;border:1px dashed #b8cbd8;border-radius:6px;gap:10px;padding:20px;}
html body .building-photo-placeholder>span {font-size:12px;color:#53697c;}
html body .building-photo-placeholder::before,html body .mon-equipment-picture>div:has(>svg)::before {content:"";display:block;width:34px;height:28px;border:1.5px solid #718a9e;border-radius:4px;background:linear-gradient(140deg,transparent 53%,#718a9e 54%,#718a9e 57%,transparent 58%) 3px 6px/23px 18px no-repeat;}
html body .mon-equipment-picture>div:has(>svg) {flex-direction:column;gap:8px;}
html body .mon-equipment-picture>div>svg {display:none;}
html body .mon-equipment-picture>div:has(>svg)::after {content:"Equipment photo not available";font-size:11px;color:#53697c;}
html body .mon-equipment-picture:has(>div>svg) figcaption {display:none;}