:root{
  --bg:#f4f7f8;--card:#fff;--text:#102a34;--muted:#617780;--line:#d8e1e5;
  --accent:#0b4f6c;--accent2:#e6f1f5;--good:#e6f4ea;--warn:#fff4d6;--bad:#fde8e8;
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font:16px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}
button,select,input,textarea{font:inherit}.app-shell{max-width:760px;margin:0 auto;padding:18px 16px 92px}.topbar,.panel-head,.button-grid,.metric-grid,.bottom-nav{display:flex;gap:12px}
.topbar,.panel-head{align-items:center;justify-content:space-between}.topbar{margin-bottom:18px}h1,h2,h3{margin:.15rem 0}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1rem}
.eyebrow,.muted,small{color:var(--muted);font-size:.82rem}.view{display:none}.view.active{display:block}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:12px 0}
.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}
.metric{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;min-width:0}.metric span{display:block;color:var(--muted);font-size:.78rem}.metric strong{font-size:1.1rem}
.primary,.secondary,.text-btn{border:0;border-radius:12px;padding:12px 14px}.primary{background:var(--accent);color:white}.secondary{background:#fff;border:1px solid var(--line)}.text-btn{padding:6px 0;background:transparent;color:var(--accent)}.full{width:100%;margin:8px 0}
.list{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.list-row{width:100%;border:0;border-bottom:1px solid var(--line);padding:14px;background:#fff;display:flex;justify-content:space-between;align-items:center;text-align:left}.list-row:last-child{border-bottom:0}
.badge{background:var(--accent2);border-radius:999px;padding:5px 9px;font-size:.78rem}.badge.good{background:var(--good)}.badge.warn{background:var(--warn)}.badge.bad{background:var(--bad)}
.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.field-grid.three{grid-template-columns:repeat(3,1fr)}.field-grid.two{grid-template-columns:repeat(2,1fr)}
label{display:block;font-size:.9rem}input[type=number],input[type=email],input[type=password],textarea,select{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:11px;color:var(--text)}
.picker-stack{display:grid;gap:8px}.picker-row{display:grid;grid-template-columns:1fr 130px;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:5px 0}.picker-row:last-child{border-bottom:0}.picker-row select{margin:0}
.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check-row{margin-top:10px}.button-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}
.notice{margin-top:12px;padding:12px;border-radius:12px;background:var(--good)}.hidden{display:none!important}
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(760px,100%);background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:9px 12px calc(9px + env(safe-area-inset-bottom));z-index:20}
.bottom-nav button{flex:1;border:0;background:transparent;padding:10px 6px;border-radius:10px;color:var(--muted)}.bottom-nav button.active{background:var(--accent2);color:var(--accent);font-weight:600}
@media(min-width:650px){.metric-grid{grid-template-columns:repeat(4,1fr)}.check-grid{grid-template-columns:repeat(4,1fr)}}

.subhead{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.tabs-control{display:grid;grid-template-columns:auto 130px;align-items:center;justify-content:end;gap:10px}
.inline-check{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted);white-space:nowrap}
.inline-check input{margin:0}
.button-grid.single{grid-template-columns:1fr}
.route-actions{display:flex;align-items:center;gap:8px}
.secondary.compact{padding:9px 11px}
.exception-check{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line)}
.exception-check:last-child{border-bottom:0}
@media(max-width:520px){
  .tabs-picker{grid-template-columns:1fr;gap:7px}
  .tabs-control{width:100%;grid-template-columns:minmax(0,1fr) 110px;justify-content:stretch;gap:8px}
  .inline-check{justify-content:flex-start;white-space:normal;line-height:1.2}
  .route-actions{align-items:flex-end;flex-direction:column}
}

.topbar-status{display:flex;align-items:flex-end;flex-direction:column;gap:4px}
.version-label{font-size:.72rem;color:var(--muted)}

.auth-gate{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;align-items:flex-start;justify-content:center;padding:56px 16px}
.auth-panel{width:min(440px,100%);margin:0}
.auth-panel input{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:11px;color:var(--text)}
.full-width-text{width:100%;text-align:center}
body.authenticated .auth-gate{display:none}
body:not(.authenticated) .topbar,
body:not(.authenticated) .view,
body:not(.authenticated) .bottom-nav{visibility:hidden}

.auth-gate{pointer-events:auto}
.auth-panel{position:relative;z-index:101;pointer-events:auto}
.auth-panel button,.auth-panel input{pointer-events:auto}
.auth-link-button{
  width:100%;
  border:0;
  background:transparent;
  color:var(--accent);
  padding:12px 8px;
  margin-top:2px;
  text-align:center;
  cursor:pointer;
  font-weight:600;
}
.auth-link-button:hover{text-decoration:underline}

.auth-notice-error{background:var(--bad)}


/* v0.2.4 sync/account visibility */
.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.status-grid>div{min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px}
.status-label{display:block;color:var(--muted);font-size:.75rem;margin-bottom:3px}
.status-grid strong{display:block;font-size:.9rem;overflow-wrap:anywhere}
.sync-actions{display:flex;gap:10px;margin-top:14px}
.sync-actions button{flex:1}
.sync-panel .notice{white-space:pre-wrap}
.sync-details{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.sync-details summary{cursor:pointer;color:var(--accent);font-weight:600}
.sync-details pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:.75rem}
.notice.sync-error{background:var(--bad)}
.notice.sync-success{background:var(--good)}
.notice.sync-info{background:var(--accent2)}
@media(max-width:520px){.status-grid{grid-template-columns:1fr}.sync-panel-head{align-items:flex-start}}

/* v0.2.7 field-use/auth hardening */
.stay-signed-in{display:flex;align-items:center;gap:9px;margin:10px 0 14px;font-weight:600}
.stay-signed-in input{width:auto!important;margin:0!important;transform:scale(1.15)}
.visit-time-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.time-metric{font:inherit;text-align:left;width:100%;cursor:pointer;appearance:none;-webkit-appearance:none;position:relative;overflow:hidden;display:block}
.time-metric small{display:block;margin-top:4px;color:var(--muted);font-size:.68rem;font-weight:600}
.native-time-picker{position:absolute;inset:0;width:100%;height:100%;opacity:.01;border:0;background:transparent;z-index:2;cursor:pointer;-webkit-appearance:auto;appearance:auto}.native-time-picker:disabled{pointer-events:none;cursor:default}.time-metric:has(.native-time-picker:disabled){cursor:default}
@media(max-width:600px){.visit-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-metric{min-height:92px}}


/* v0.2.9 cross-platform visit-time editor */
.time-dialog{border:0;border-radius:16px;padding:0;box-shadow:0 22px 60px rgba(0,0,0,.28);max-width:360px;width:calc(100% - 32px)}
.time-dialog::backdrop{background:rgba(15,23,42,.48)}
.time-dialog-card{padding:22px}.time-dialog-card h3{margin:3px 0 18px}.desktop-time-label{display:grid;gap:7px;font-weight:700}.desktop-time-label input{font:inherit;font-size:1.1rem;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}
.time-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.time-dialog-actions button{min-width:100px}
@media (hover:hover) and (pointer:fine){.native-time-picker{display:none}.time-metric{cursor:pointer}.time-metric:hover{outline:2px solid var(--accent);outline-offset:-2px}.time-metric small{pointer-events:none}}

/* v0.3.0 field color language */
.chem-tone{border-radius:12px;padding:8px 10px;border:1px solid transparent}
.field-grid .chem-tone{font-weight:700}
.picker-row.chem-tone{border-bottom:0;margin:1px 0}
.chem-yellow{background:#fff8cc;border-color:#eadf8d}
.chem-red{background:#fde3e1;border-color:#e8b7b3}
.chem-brown{background:#efe1d2;border-color:#d4b99e}
.chem-green{background:#e3f3e4;border-color:#bdd9bf}
.chem-blue{background:#e1effb;border-color:#bad3e9}
.chem-tone select{background:rgba(255,255,255,.82)}

/* v0.3.0 maintenance workflow */
.maintenance-head{align-items:center}
.maintenance-summary-panel{padding:12px 14px}
.maintenance-toolbar{display:grid;grid-template-columns:minmax(180px,260px) 1fr;align-items:end;gap:16px}
.maintenance-summary{text-align:right;padding-bottom:10px}
.maintenance-list{display:grid;gap:12px}
.maintenance-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.maintenance-card-head{padding:13px 14px 10px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line)}
.maintenance-card-head strong{display:block}.maintenance-card-head .muted{margin-top:2px}
.maintenance-service-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(190px,1.5fr) auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.maintenance-service-row:last-child{border-bottom:0}
.maintenance-type{font-weight:700}
.maintenance-dates{font-size:.82rem;line-height:1.45;color:var(--muted)}
.maintenance-dates strong{color:var(--text);font-weight:700}
.maintenance-row-actions{display:flex;align-items:center;gap:8px}
.maintenance-row-actions .badge{white-space:nowrap}
.maintenance-log-btn{white-space:nowrap;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px;color:var(--accent);font-weight:700;cursor:pointer}
.maintenance-dialog{border:0;border-radius:16px;padding:0;box-shadow:0 22px 60px rgba(0,0,0,.28);max-width:520px;width:calc(100% - 28px)}
.maintenance-dialog::backdrop{background:rgba(15,23,42,.48)}
.maintenance-dialog-card{padding:22px}
.maintenance-dialog-card h3{margin:3px 0 18px}
.maintenance-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.maintenance-form-grid input[type=date],.maintenance-form-grid input[type=number]{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:11px;color:var(--text);font:inherit}
.maintenance-notes-row{grid-column:1/-1}
@media(max-width:620px){
  .maintenance-toolbar{grid-template-columns:1fr}.maintenance-summary{text-align:left;padding:0}
  .maintenance-card-head{flex-direction:column}
  .maintenance-service-row{grid-template-columns:1fr;gap:7px}
  .maintenance-row-actions{justify-content:space-between}
  .maintenance-log-btn{min-height:42px}
  .maintenance-form-grid{grid-template-columns:1fr}.maintenance-notes-row{grid-column:auto}
}

/* v0.3.1 polished High Tide visual system */
:root{
  --bg:#f3f9fd;--card:#ffffff;--text:#092b3a;--muted:#617987;--line:#d5e3eb;
  --accent:#073b88;--accent-dark:#062b67;--accent2:#e5f4ff;--aqua:#2fc7f4;
  --good:#e4f7ec;--warn:#fff4d6;--bad:#fde8e8;
}
body{background:linear-gradient(180deg,#edf8ff 0,#f8fbfd 300px,#f3f7f9 100%)}
.app-shell{max-width:980px;padding-top:12px}
.branded-topbar{padding:8px 2px 12px;border-bottom:1px solid rgba(7,59,136,.12)}
.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-mark{width:38px;height:38px;border-radius:10px;object-fit:contain;background:#fff;box-shadow:0 2px 8px rgba(6,43,103,.12)}
.topbar h1{font-size:1.25rem;color:var(--accent-dark)}
.badge{font-weight:700}.primary{background:linear-gradient(135deg,var(--accent-dark),#075bb3);box-shadow:0 5px 14px rgba(6,43,103,.16);font-weight:700;cursor:pointer}.primary:active{transform:translateY(1px)}
.panel{box-shadow:0 8px 22px rgba(21,68,92,.055)}
.dashboard-hero{position:relative;overflow:hidden;text-align:center;margin:0 -16px 18px;padding:20px 16px 18px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(229,247,255,.94));border-bottom:1px solid #cde7f4}
.dashboard-hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-35px;height:80px;background:radial-gradient(ellipse at center,rgba(47,199,244,.22),transparent 65%);pointer-events:none}
.dashboard-logo{display:block;width:min(290px,68vw);max-height:170px;object-fit:contain;margin:0 auto 4px;mix-blend-mode:multiply}
.dashboard-title{font-size:1.5rem;letter-spacing:.13em;font-weight:900;color:var(--accent-dark)}
.dashboard-subtitle{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:2px;color:#0875cf;font:italic 1.25rem Georgia,serif}.dashboard-subtitle:before,.dashboard-subtitle:after{content:"";width:64px;height:1px;background:#72bfe8}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dashboard-stat{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:9px;background:#fff;border:1px solid #d3e1e9;border-radius:14px;padding:14px;box-shadow:0 6px 18px rgba(18,63,88,.08);min-width:0}
.dashboard-stat small,.dashboard-stat span:not(.stat-icon){display:block;color:var(--muted);font-size:.74rem}.dashboard-stat strong{display:block;font-size:1.08rem;color:#111;margin:2px 0;white-space:nowrap}.stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:1.45rem;font-weight:800}
.stat-date .stat-icon{color:#0d7ae7;background:#e9f4ff}.stat-route .stat-icon{color:#1c9d50;background:#e8f8ee}.stat-complete .stat-icon{color:#8652cc;background:#f1eafb}.stat-chem .stat-icon{color:#e87800;background:#fff0df}
.stat-route div>span:last-child{color:#159447}.stat-complete div>span:last-child{color:#7545b7}.stat-chem div>span:last-child{color:#df6d00}
.route-progress-track{height:7px;background:#dcebf3;border-radius:999px;overflow:hidden;margin:14px 2px 10px}.route-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#16a35b,#33c67a);border-radius:999px;transition:width .25s ease}
.dashboard-route-button{width:100%;min-height:52px;font-size:1.03rem;margin:0 0 10px}.dashboard-mini-status{display:flex;justify-content:center;gap:22px;color:var(--muted);font-size:.78rem;margin-bottom:4px}.dashboard-mini-status b{color:var(--accent-dark)}
.sync-panel{margin-top:16px}.sync-panel h2{color:var(--accent-dark)}
.auth-gate{background:linear-gradient(180deg,#eaf8ff,#f8fbfd)}.auth-panel{text-align:left}.auth-logo{display:block;width:min(280px,80%);margin:0 auto 16px;mix-blend-mode:multiply}
.bottom-nav{width:min(980px,100%);box-shadow:0 -8px 24px rgba(8,45,70,.08);padding-top:7px}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px}.bottom-nav button.active{background:#e8f4fb;color:#075cb0}.nav-icon{font-size:1.25rem;line-height:1}.bottom-nav button>span:last-child{font-size:.76rem}
@media(max-width:760px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stat{padding:12px}.sync-panel{margin-top:12px}.dashboard-hero{padding-top:12px}.dashboard-logo{width:min(250px,72vw)}}
@media(max-width:390px){.dashboard-stat{grid-template-columns:34px 1fr;gap:7px}.stat-icon{width:32px;height:32px;font-size:1.1rem}.dashboard-stat strong{font-size:.98rem}.dashboard-mini-status{gap:12px}}


/* v0.3.2 dark mode + route progress */
.theme-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--accent-dark);padding:6px 10px;font-weight:800;font-size:.76rem;cursor:pointer;box-shadow:0 2px 8px rgba(6,43,103,.08)}
.theme-toggle span:first-child{font-size:1rem;line-height:1}
.topbar-status{align-items:flex-end}
.route-inline-progress{margin:10px 0 12px;padding:11px 13px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 14px rgba(18,63,88,.05)}
.route-inline-progress-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.84rem}
.route-inline-progress-head strong{color:var(--text)}
.route-tab-progress{margin:8px 0 0;height:8px}
.route-customer-row{position:relative;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .08s ease}
.route-customer-row:active{transform:scale(.995)}
.route-customer-row.completed{background:linear-gradient(90deg,#dcf7e6,#eefbf3);border-bottom-color:#a9dfbd;box-shadow:inset 5px 0 0 #1da55a}
.route-customer-row.completed .route-customer-main strong{color:#0b6f3a;font-weight:900}
.route-customer-row.completed .muted{color:#3f7357}
.route-customer-row.completed .badge.good{background:#1da55a;color:#fff}
@media(hover:hover) and (pointer:fine){.route-customer-row:hover{background:#f4faff}.route-customer-row.completed:hover{background:linear-gradient(90deg,#d4f4e0,#e9f9ef)}}

body.dark-mode{
  --bg:#081820;--card:#10242e;--text:#e9f7fb;--muted:#9db4c0;--line:#28414d;
  --accent:#62b8ff;--accent-dark:#d8eeff;--accent2:#16384a;--aqua:#35c9f5;
  --good:#173e2b;--warn:#493d18;--bad:#4a2426;
  background:linear-gradient(180deg,#07151d 0,#0a1c25 300px,#081820 100%);
  color-scheme:dark;
}
body.dark-mode .branded-topbar{border-bottom-color:#24414f}
body.dark-mode .topbar-mark,body.dark-mode .theme-toggle{background:#f7fbfd}
body.dark-mode .topbar h1,body.dark-mode .sync-panel h2,body.dark-mode .dashboard-mini-status b{color:#d8eeff}
body.dark-mode .dashboard-hero{background:linear-gradient(180deg,#102731,#0b202a);border-bottom-color:#254653}
body.dark-mode .dashboard-logo,body.dark-mode .auth-logo{mix-blend-mode:normal;border-radius:12px}
body.dark-mode .dashboard-title{color:#e7f5ff}
body.dark-mode .dashboard-subtitle{color:#62b8ff}
body.dark-mode .dashboard-stat{background:#10242e;border-color:#29434f;box-shadow:0 6px 18px rgba(0,0,0,.18)}
body.dark-mode .dashboard-stat strong{color:#f5fbff}
body.dark-mode .route-progress-track{background:#223b47}
body.dark-mode .panel,body.dark-mode .list,body.dark-mode .maintenance-card,body.dark-mode .route-inline-progress{background:#10242e;border-color:#28414d;box-shadow:0 8px 22px rgba(0,0,0,.14)}
body.dark-mode .list-row{background:#10242e;color:var(--text);border-bottom-color:#28414d}
body.dark-mode .secondary,body.dark-mode .maintenance-log-btn{background:#142c37;color:#d8eeff;border-color:#36515e}
body.dark-mode input[type=number],body.dark-mode input[type=email],body.dark-mode input[type=password],body.dark-mode input[type=date],body.dark-mode input[type=time],body.dark-mode textarea,body.dark-mode select,body.dark-mode .auth-panel input,body.dark-mode .maintenance-form-grid input[type=date],body.dark-mode .maintenance-form-grid input[type=number]{background:#0b1d25;color:#ecf8fc;border-color:#34505d}
body.dark-mode .status-grid>div,body.dark-mode .sync-details pre{background:#0b1d25;border-color:#28414d}
body.dark-mode .bottom-nav{background:rgba(8,24,32,.97);border-top-color:#28414d;box-shadow:0 -8px 24px rgba(0,0,0,.2)}
body.dark-mode .bottom-nav button.active{background:#173a4c;color:#70c0ff}
body.dark-mode .auth-gate{background:linear-gradient(180deg,#071820,#0a1e27)}
body.dark-mode .time-dialog,body.dark-mode .maintenance-dialog{background:#10242e;color:var(--text)}
body.dark-mode .time-dialog-card,body.dark-mode .maintenance-dialog-card{background:#10242e}
body.dark-mode .chem-yellow{background:#4a4319;border-color:#756a28}
body.dark-mode .chem-red{background:#492426;border-color:#73393c}
body.dark-mode .chem-brown{background:#3d3027;border-color:#604a3a}
body.dark-mode .chem-green{background:#1d3d28;border-color:#315f40}
body.dark-mode .chem-blue{background:#17354a;border-color:#285473}
body.dark-mode .chem-tone select{background:rgba(7,22,29,.78);color:#f1fbff}
body.dark-mode .route-customer-row.completed{background:linear-gradient(90deg,#153d29,#102e22);border-bottom-color:#2c6845;box-shadow:inset 5px 0 0 #35c776}
body.dark-mode .route-customer-row.completed .route-customer-main strong{color:#7ce5a7}
body.dark-mode .route-customer-row.completed .muted{color:#9cc9ad}
body.dark-mode .route-customer-row.completed .badge.good{background:#259b5a;color:#fff}
@media(hover:hover) and (pointer:fine){body.dark-mode .route-customer-row:hover{background:#15303c}body.dark-mode .route-customer-row.completed:hover{background:linear-gradient(90deg,#184832,#123729)}}
@media(max-width:520px){.theme-toggle{padding:6px 8px}.theme-toggle span:last-child{display:none}}

/* v0.3.3 business dashboard + missed visits */
.business-head{margin-bottom:10px}
.business-filter-panel{padding:12px 14px;margin-bottom:14px}
.business-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;align-items:end}
.business-filter-summary{margin-top:8px;font-size:.82rem}
.business-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:18px 2px 9px}.business-section-title span{font-weight:900;color:var(--accent-dark);font-size:1.02rem}.business-section-title small{color:var(--muted)}
.business-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.operations-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.business-kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px;box-shadow:0 5px 15px rgba(18,63,88,.055);min-width:0}.business-kpi small,.business-kpi span{display:block;color:var(--muted);font-size:.72rem}.business-kpi strong{display:block;color:var(--text);font-size:1.25rem;margin:4px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-kpi.kpi-revenue{box-shadow:inset 0 3px 0 #3b9bf3,0 5px 15px rgba(18,63,88,.055)}.business-kpi.kpi-blue{box-shadow:inset 0 3px 0 #277dc9,0 5px 15px rgba(18,63,88,.055)}.business-kpi.kpi-profit{box-shadow:inset 0 3px 0 #24a35b,0 5px 15px rgba(18,63,88,.055)}.business-kpi.kpi-profit strong{color:#148149}.business-kpi.kpi-chem{box-shadow:inset 0 3px 0 #e59d19,0 5px 15px rgba(18,63,88,.055)}
.business-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.business-chart-card{margin:0;padding:14px}.business-chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.business-chart-head h3{margin:2px 0 0;color:var(--text);font-size:1rem}.business-chart-head>strong{color:var(--accent-dark)}
.bar-chart{display:grid;gap:9px}.bar-row{display:grid;grid-template-columns:32px minmax(0,1fr) 64px;gap:8px;align-items:center;font-size:.78rem}.bar-label{font-weight:800;color:var(--muted)}.bar-track{height:12px;border-radius:999px;background:#e4edf2;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#1777c8,#36c7f0);border-radius:999px;min-width:0}.bar-row strong{text-align:right;font-size:.76rem;color:var(--text)}.bar-row.active .bar-label{color:#0d7cd3}.bar-row.active .bar-fill{background:linear-gradient(90deg,#0750a4,#16a35b)}
.business-table-card{margin-top:12px}.business-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.business-table{width:100%;border-collapse:collapse;min-width:760px;font-size:.78rem}.business-table th,.business-table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}.business-table thead th{position:sticky;top:0;background:var(--accent2);color:var(--accent-dark);font-weight:900}.business-table th:first-child{text-align:left}.business-table tbody th{font-weight:700;color:var(--text)}.business-table tbody tr:nth-child(even){background:rgba(35,127,184,.035)}.business-footnote{font-size:.74rem;margin:10px 2px 0}
.missed-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.missed-log-panel{margin-bottom:12px}.missed-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.missed-customer-list{max-height:330px;overflow:auto;margin:10px 0}.missed-customer-summary{display:grid;gap:8px}.empty-state-good{padding:14px;border-radius:12px;background:var(--good);color:#137342;font-weight:800}.missed-allowance-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.missed-allowance-row>div:first-child span,.allowance-meter span{display:block;color:var(--muted);font-size:.76rem}.allowance-meter{text-align:right}.allowance-dots{display:flex;justify-content:flex-end;gap:4px;margin-bottom:4px}.allowance-dots i{display:block;width:10px;height:10px;border-radius:50%;background:#d9e7ee}.allowance-dots i.used{background:#e6a11a}.missed-allowance-row.exceeded{border-color:#df7777;background:var(--bad)}.missed-allowance-row.exceeded .allowance-meter strong{color:#c94a4a}.missed-history{display:grid;gap:8px}.missed-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.missed-history-row:last-child{border-bottom:0}.missed-history-row span{display:block;color:var(--muted);font-size:.76rem}.missed-history-row>div:last-child{text-align:right}
.five-nav button{min-width:0}.five-nav button>span:last-child{font-size:.7rem}
body.dark-mode .business-kpi,body.dark-mode .missed-allowance-row{background:#10242e;border-color:#28414d}.dark-mode .bar-track{background:#223b47}.dark-mode .business-table thead th{background:#17384a;color:#d8eeff}.dark-mode .business-table tbody tr:nth-child(even){background:rgba(80,172,229,.045)}.dark-mode .empty-state-good{background:#173e2b;color:#7ce5a7}.dark-mode .allowance-dots i{background:#2d4651}.dark-mode .allowance-dots i.used{background:#db9a22}
@media(max-width:900px){.business-kpi-grid,.operations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.business-chart-grid{grid-template-columns:1fr}.missed-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.business-toolbar{grid-template-columns:1fr 1fr}.business-kpi-grid,.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-kpi strong{font-size:1.1rem}.missed-summary-grid{grid-template-columns:1fr 1fr}.missed-summary-grid .business-kpi:last-child{grid-column:1/-1}.missed-form-grid{grid-template-columns:1fr 1fr}.five-nav button{padding-left:3px;padding-right:3px}.five-nav .nav-icon{font-size:1.1rem}.five-nav button>span:last-child{font-size:.62rem}.missed-allowance-row{align-items:flex-start}}
@media(max-width:390px){.business-toolbar,.missed-form-grid{grid-template-columns:1fr}.business-kpi-grid,.operations-grid{grid-template-columns:1fr 1fr}.business-kpi{padding:11px}.business-kpi strong{font-size:1rem}.five-nav button>span:last-child{font-size:.58rem}}

/* v0.3.4 customers + settings */
.seven-nav{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start}.seven-nav::-webkit-scrollbar{display:none}.seven-nav button{flex:1 0 78px;min-width:78px}.seven-nav button>span:last-child{font-size:.66rem}
.customer-toolbar-panel{padding:12px 14px;margin-bottom:12px}.customer-toolbar{display:grid;grid-template-columns:180px minmax(220px,1fr) 120px;gap:12px;align-items:end}.customer-count{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:9px 11px}.customer-count small{display:block;color:var(--muted);font-size:.7rem}.customer-count strong{font-size:1.15rem;color:var(--accent-dark)}
.customer-list{display:grid;gap:9px}.customer-card{width:100%;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 14px;color:var(--text);box-shadow:0 5px 14px rgba(18,63,88,.05);cursor:pointer}.customer-card:hover{border-color:#9fcbe5;background:#f8fcff}.customer-card-stop{font-size:.72rem;color:var(--muted);font-weight:800}.customer-card-stop b{display:block;font-size:1rem;color:var(--accent-dark)}.customer-card-main strong,.customer-card-main span,.customer-card-main small{display:block}.customer-card-main strong{font-size:.98rem}.customer-card-main span{color:var(--muted);font-size:.8rem;margin-top:2px}.customer-card-main small{color:var(--muted);font-size:.72rem;margin-top:5px}.customer-card-edit{font-weight:900;color:var(--accent)}
.customer-dialog-card{max-width:620px}.customer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-form-grid label.wide{grid-column:1/-1}.customer-form-grid input,.customer-form-grid select{width:100%}.customer-stop-hint{font-size:.76rem;margin:12px 0 0}.customer-dialog-actions{display:flex;align-items:center;gap:9px;margin-top:18px}.dialog-action-spacer{flex:1}.danger{color:#b73232!important;border-color:#e0a8a8!important}.danger:hover{background:#fff1f1!important}
.settings-warning{border-left:5px solid #2b8bd3}.settings-warning p{margin:5px 0 0}.settings-section-title{margin:18px 2px 9px;font-weight:900;color:var(--accent-dark)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setting-card{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 13px;box-shadow:0 5px 14px rgba(18,63,88,.045)}.setting-card>span:first-child strong,.setting-card>span:first-child small{display:block}.setting-card>span:first-child strong{font-size:.86rem}.setting-card>span:first-child small{color:var(--muted);font-size:.69rem;margin-top:2px}.setting-money-input{display:flex;align-items:center;gap:4px;min-width:108px;justify-content:flex-end}.setting-money-input b{color:var(--muted)}.setting-money-input input{width:92px;text-align:right;margin:0}
body.dark-mode .customer-card,body.dark-mode .customer-count,body.dark-mode .setting-card{background:#10242e;border-color:#28414d}body.dark-mode .customer-card:hover{background:#15303c;border-color:#3d6273}body.dark-mode .danger{color:#ff9292!important;border-color:#7b4448!important}body.dark-mode .danger:hover{background:#3e2428!important}body.dark-mode input[type=text],body.dark-mode input[type=search]{background:#0b1d25;color:#ecf8fc;border-color:#34505d}
@media(max-width:760px){.seven-nav button{flex:0 0 74px;min-width:74px}.seven-nav button>span:last-child{font-size:.61rem}.customer-toolbar{grid-template-columns:1fr 1fr}.customer-count{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.customer-card{grid-template-columns:54px minmax(0,1fr) auto;padding:12px}.customer-card-main small{font-size:.68rem}}
@media(max-width:480px){.customer-toolbar{grid-template-columns:1fr}.customer-count{grid-column:auto}.customer-form-grid{grid-template-columns:1fr}.customer-form-grid label.wide{grid-column:auto}.customer-dialog-actions{flex-wrap:wrap}.dialog-action-spacer{display:none}.customer-dialog-actions button{flex:1}.deleteCustomerBtn{flex-basis:100%}.customer-card{grid-template-columns:45px minmax(0,1fr);gap:9px}.customer-card-edit{display:none}.customer-card-main span{font-size:.74rem}}
.settings-export-panel{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-export-panel p{margin:4px 0 0;max-width:650px}.settings-export-panel button{flex:0 0 auto}@media(max-width:620px){.settings-export-panel{align-items:stretch;flex-direction:column}.settings-export-panel button{width:100%}}

.customer-card-actions{display:flex;gap:8px;align-items:center}.customer-card-actions button{border-radius:9px;padding:8px 10px;font-weight:800;cursor:pointer}.customer-maintenance-btn{background:#e8f5fb;border:1px solid #a7d7eb;color:#075b7c}.customer-edit-btn{background:var(--card);border:1px solid var(--line);color:var(--accent-dark)}
.route-order-panel{margin-bottom:14px}.route-order-list{display:grid;gap:7px;margin-top:10px}.route-order-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--card)}.route-order-number{font-weight:900;color:var(--accent-dark)}.route-order-actions{display:flex;gap:5px}.route-order-actions button{width:38px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font-size:1rem;font-weight:900}.route-order-actions button:disabled{opacity:.25}.maintenance-focus{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;background:#e8f5fb;border-color:#9dd5ea}
body.dark-mode .customer-maintenance-btn,body.dark-mode .maintenance-focus{background:#143543;color:#bdeeff;border-color:#2d6579}body.dark-mode .route-order-row{background:#10242e;border-color:#28414d}
@media(max-width:560px){.customer-card{grid-template-columns:45px minmax(0,1fr)}.customer-card-actions{grid-column:2;justify-content:flex-start}.customer-card-actions button{padding:7px 9px;font-size:.72rem}.route-order-row{grid-template-columns:30px minmax(0,1fr) auto}}

/* v0.4.1 integrated route ordering */
.customer-order-actions{display:inline-flex;gap:4px;margin-right:2px}.customer-order-btn{width:34px;height:34px;padding:0!important;border:1px solid var(--line)!important;background:var(--card)!important;color:var(--accent-dark)!important;font-size:1rem!important;font-weight:900!important}.customer-order-btn:disabled{opacity:.22;cursor:default}.chemical-period-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}body.dark-mode .customer-order-btn{background:#10242e!important;color:#bdeeff!important;border-color:#28414d!important}@media(max-width:700px){.chemical-period-grid{grid-template-columns:1fr}.customer-card-actions{flex-wrap:wrap}.customer-order-actions{order:3;width:100%;margin-top:2px}}

/* v0.4.2 visit history + migrated reading compatibility */
.visit-subtabs{display:flex;gap:6px;padding:5px;background:var(--accent2);border:1px solid var(--line);border-radius:13px;margin:10px 0 14px}.visit-subtab{flex:1;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:900;padding:9px 12px;cursor:pointer}.visit-subtab.active{background:var(--card);color:var(--accent-dark);box-shadow:0 2px 7px rgba(18,63,88,.12)}
.visit-history-panel{padding:14px}.panel-head.compact{margin-bottom:10px}.visit-history-list{display:grid;gap:9px}.visit-history-card{border:1px solid var(--line);border-radius:13px;background:var(--card);overflow:hidden}.visit-history-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;cursor:pointer}.visit-history-card summary::-webkit-details-marker{display:none}.visit-history-card summary strong,.visit-history-card summary small{display:block}.visit-history-card summary small{color:var(--muted);font-size:.72rem;margin-top:3px}.history-chevron{font-size:1.1rem;color:var(--muted);transition:transform .15s ease}.visit-history-card[open] .history-chevron{transform:rotate(180deg)}.visit-history-body{border-top:1px solid var(--line);padding:12px 13px;display:grid;gap:12px}.history-section h4{margin:0 0 7px;color:var(--accent-dark);font-size:.8rem}.history-section p{margin:5px 0;font-size:.8rem;line-height:1.45}.history-reading-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.history-reading-grid span{background:var(--accent2);border-radius:9px;padding:8px;color:var(--muted);font-size:.7rem}.history-reading-grid b{display:block;color:var(--text);font-size:.95rem;margin-top:2px}.history-meta{color:var(--muted);font-size:.78rem}.empty-state{padding:16px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}
body.dark-mode .visit-subtabs{background:#10242e;border-color:#28414d}body.dark-mode .visit-subtab.active,body.dark-mode .visit-history-card{background:#10242e;border-color:#28414d}body.dark-mode .history-reading-grid span{background:#17313d}
@media(max-width:520px){.history-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visit-subtab{padding:8px 9px}}

/* v0.5.0 consolidated field workflow */
.chem-pink{background:#fde4ef;border-color:#e9b6cd}.chem-orange{background:#ffe8cf;border-color:#efc18d}.chem-purple{background:#ece3fb;border-color:#cbb8ea}
body.dark-mode .chem-pink{background:#49263a;border-color:#74405d}body.dark-mode .chem-orange{background:#4a321d;border-color:#76502e}body.dark-mode .chem-purple{background:#34264b;border-color:#574079}
.dashboard-kpi-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kpi-period-toggle{display:flex;background:rgba(6,43,103,.08);border-radius:999px;padding:2px}.kpi-period-toggle button{border:0;background:transparent;border-radius:999px;padding:4px 8px;font-size:.68rem;color:var(--muted)}.kpi-period-toggle button.active{background:var(--card);color:var(--accent);font-weight:800;box-shadow:0 1px 4px rgba(0,0,0,.1)}.stat-kpi>strong{font-size:1.55rem}.stat-kpi>span{font-size:.72rem;color:var(--muted)}
body.dark-mode .kpi-period-toggle{background:#17313d}body.dark-mode .kpi-period-toggle button.active{background:#0c2029}
.visit-complete-actions{display:grid!important;grid-template-columns:1fr;gap:8px}.visit-complete-actions #nextStopBtn{font-weight:800}
.visit-repair-cards{display:grid;gap:7px;margin:8px 0 12px}.visit-repair-card{display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}.visit-repair-open{border:0;background:transparent;text-align:left;padding:10px 12px;font-weight:800;cursor:pointer}.visit-repair-delete{border:0;border-top:1px solid var(--line);background:transparent;color:#b42318;padding:7px 11px;cursor:pointer;font-size:.72rem;font-weight:700;text-align:left}.visit-repair-card.repair-low .visit-repair-open{color:#138a47}.visit-repair-card.repair-medium .visit-repair-open{color:#c46a00}.visit-repair-card.repair-high .visit-repair-open{color:#c62626}
.history-reading-card{display:block!important;border:1px solid transparent!important}.history-reading-card small{display:block;font-size:.68rem;color:inherit;opacity:.78}.history-reading-card b{font-size:1rem!important}.history-chemical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:9px}.history-chem-card{display:block;padding:8px 9px;border:1px solid transparent}.history-chem-card small{display:block;font-size:.64rem;opacity:.78}.history-chem-card b{display:block;font-size:.88rem;margin-top:2px}.history-body-label{font-size:.68rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:5px 0}.sanitizer-zero{background:#ffe2e1!important;border-color:#ef8f89!important;color:#8f1515!important}.sanitizer-zero b{color:#a41616!important}.sanitizer-zero em{display:block;font-size:.55rem;font-style:normal;font-weight:900;text-transform:uppercase;margin-top:2px}.sanitizer-alert-visit{box-shadow:inset 4px 0 0 #d92d20}.history-summary-flags{display:flex;align-items:center;gap:8px}.sanitizer-alert-badge{font-size:.62rem;color:#b42318;background:#fee4e2;border:1px solid #f6b5b0;border-radius:999px;padding:3px 6px;font-weight:800}
body.dark-mode .sanitizer-zero{background:#4a1f20!important;border-color:#8f3a3d!important;color:#ffaaa6!important}body.dark-mode .sanitizer-zero b{color:#ffb5b1!important}body.dark-mode .sanitizer-alert-badge{background:#472123;border-color:#77373b;color:#ffaaa6}
.maintenance-subtabs{display:flex;gap:7px;margin:0 0 12px;background:var(--accent2);border:1px solid var(--line);padding:4px;border-radius:13px}.maintenance-subtabs .visit-subtab{flex:1}.basket-log-panel{margin-bottom:12px}.basket-check-grid{margin:10px 0}.basket-history{display:grid;gap:7px}.basket-history-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.basket-history-row:last-child{border-bottom:0}.basket-history-row strong,.basket-history-row span{display:block}.basket-history-row span{font-size:.72rem;color:var(--muted);margin-top:2px}.basket-history-row time{font-size:.72rem;color:var(--muted);white-space:nowrap}
.repair-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.repair-list{display:grid;gap:10px}.repair-card{border-left:5px solid var(--line)}.repair-card.repair-low{border-left-color:#2ba866}.repair-card.repair-medium{border-left-color:#e58b21}.repair-card.repair-high{border-left-color:#df3f3f}.repair-card-head{display:flex;justify-content:space-between;gap:12px}.repair-card-head small{color:var(--muted)}.repair-card-head h3{margin:2px 0 0}.repair-priority-dot{width:11px;height:11px;border-radius:50%;margin-top:4px}.repair-low .repair-priority-dot{background:#2ba866}.repair-medium .repair-priority-dot{background:#e58b21}.repair-high .repair-priority-dot{background:#df3f3f}.repair-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.repair-detail-grid small,.repair-detail-grid strong{display:block}.repair-detail-grid small{font-size:.66rem;color:var(--muted)}.repair-notes{white-space:pre-wrap;line-height:1.45}.repair-card-actions{display:flex;justify-content:flex-end}.repair-focus{outline:3px solid var(--accent);outline-offset:2px}.full-span{grid-column:1/-1}.eight-nav{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start}.eight-nav::-webkit-scrollbar{display:none}.eight-nav button{flex:1 0 74px;min-width:74px}.eight-nav button>span:last-child{font-size:.62rem}
@media(max-width:520px){.history-chemical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.repair-toolbar{grid-template-columns:1fr}.eight-nav button{flex:0 0 70px;min-width:70px}.dashboard-kpi-head{display:block}.kpi-period-toggle{margin-top:5px;width:max-content}}


/* v0.5.1 production-readiness fixes */
.chem-pink{background:#ffb3e6!important;border-color:#ff4fc3!important}.chem-orange{background:#ffbf69!important;border-color:#ff7a00!important}
body.dark-mode .chem-pink{background:#5c123f!important;border-color:#ff45bd!important}body.dark-mode .chem-orange{background:#5b2d08!important;border-color:#ff8a1f!important}
.stat-efficiency{grid-column:span 2;display:block!important;min-width:0}.efficiency-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.efficiency-head>div:first-child small,.efficiency-head>div:first-child strong{display:block}.efficiency-head>div:first-child strong{font-size:1rem;margin-top:2px}.efficiency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.efficiency-metric{min-width:0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.45);border:1px solid var(--line)}.efficiency-metric small,.efficiency-metric strong,.efficiency-metric span{display:block}.efficiency-metric strong{font-size:1.45rem;margin:3px 0}.kpi-trend{font-size:.72rem;font-weight:850;line-height:1.3}.kpi-trend.good{color:#138a47}.kpi-trend.bad{color:#c62626}.kpi-trend.neutral{color:var(--muted)}
body.dark-mode .efficiency-metric{background:rgba(255,255,255,.035)}body.dark-mode .kpi-trend.good{color:#55d98c}body.dark-mode .kpi-trend.bad{color:#ff8585}
.field-age-note{display:block!important;margin-top:5px!important;font-size:.64rem!important;font-weight:700!important;line-height:1.25;color:inherit!important;opacity:.78}.history-reading-age{font-size:.58rem!important;margin-top:3px!important;opacity:.72!important}
.visit-maintenance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.backwash-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:11px;padding-top:11px}.backwash-check{display:flex;align-items:center;gap:9px;font-weight:800}.backwash-check span,.backwash-check small{display:block}.backwash-check small{font-size:.64rem;color:var(--muted);font-weight:600}.backwash-check input{width:20px;height:20px}
.history-visit-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:2px}.history-visit-actions button{min-width:110px}.danger-outline{border:1px solid #d92d20;background:transparent;color:#b42318;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}body.dark-mode .danger-outline{color:#ffaaa6;border-color:#8f3a3d}
@media(min-width:900px){.dashboard-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-efficiency{grid-column:span 2}.dashboard-stat{min-width:0}.efficiency-grid{gap:12px}}
@media(max-width:899px){.stat-efficiency{grid-column:1/-1}}
@media(max-width:560px){.efficiency-head{align-items:center}.efficiency-grid{grid-template-columns:1fr 1fr}.efficiency-metric{padding:9px}.efficiency-metric strong{font-size:1.2rem}.visit-maintenance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.backwash-row{align-items:flex-start;flex-direction:column}.history-visit-actions{display:grid;grid-template-columns:1fr 1fr}.history-visit-actions button{min-width:0}}
.history-maint-badges{display:flex;flex-wrap:wrap;gap:6px}.history-maint-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:var(--accent2);border:1px solid var(--line);font-size:.68rem;font-weight:850;color:var(--accent-dark)}body.dark-mode .history-maint-badge{background:#17313d;color:#bdeeff;border-color:#28414d}

/* v1.0 previous-visit field snapshot */
.previous-visit-snapshot{margin-top:10px;padding:13px 14px;border-left:4px solid var(--accent);background:linear-gradient(135deg,rgba(47,188,229,.10),rgba(255,255,255,.86))}
.previous-visit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.previous-visit-head strong{font-size:.95rem}.previous-history-link{font-size:.72rem;font-weight:800;white-space:nowrap}
.previous-section{display:grid;gap:7px;margin-top:9px}.previous-section-title{font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.previous-body-row{display:grid;grid-template-columns:58px 1fr;gap:8px;align-items:start}.previous-body-label{font-size:.66rem;font-weight:850;color:var(--muted);padding-top:7px}.previous-chip-grid{display:flex;flex-wrap:wrap;gap:6px}.previous-chem-chip{display:inline-flex;align-items:baseline;gap:5px;border:1px solid transparent;border-radius:9px;padding:6px 8px}.previous-chem-chip small{font-size:.62rem;font-weight:800;opacity:.8}.previous-chem-chip b{font-size:.76rem}.previous-maint-grid{display:flex;flex-wrap:wrap;gap:6px}.previous-maint-chip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:var(--accent2);border:1px solid var(--line);font-size:.67rem;font-weight:850;color:var(--accent-dark)}.previous-empty{font-size:.76rem;margin-top:4px}
body.dark-mode .previous-visit-snapshot{background:linear-gradient(135deg,rgba(47,188,229,.12),rgba(12,32,41,.94));border-left-color:#46d5ff}body.dark-mode .previous-maint-chip{background:#17313d;color:#bdeeff;border-color:#28414d}
@media(max-width:560px){.previous-visit-snapshot{padding:11px 12px}.previous-body-row{grid-template-columns:1fr;gap:4px}.previous-body-label{padding-top:0}.previous-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.previous-chem-chip{display:block}.previous-chem-chip small,.previous-chem-chip b{display:block}.previous-chem-chip b{margin-top:2px}}


/* v1.0.1 field-flow polish */
button,.bottom-nav button,[role="button"]{touch-action:manipulation}
.dashboard-route-button{margin:0 0 12px}
.carried-values-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px;padding:8px 10px;border:1px solid #9fd8ec;border-radius:11px;background:#eefaff;color:var(--accent-dark);font-size:.72rem;font-weight:750}
.carried-values-notice .text-btn{font-size:.68rem;font-weight:850;white-space:nowrap}
body.dark-mode .carried-values-notice{background:#15333f;border-color:#2a6277;color:#c6efff}
@media(max-width:560px){.carried-values-notice{align-items:flex-start}.carried-values-notice span{line-height:1.35}}
