/* Reference-style cards and equipment, with a whole-screen desktop canvas. */
.photo-brand{width:260px;flex-shrink:0}.photo-brand svg{display:block;width:100%;height:66px}.glossy-icon{width:74px;height:74px;flex-shrink:0;filter:drop-shadow(0 4px 3px #03659920)}.equipment-photo{display:block;width:100%;height:100%;object-fit:contain}.metric .symbol{background:none;width:72px;height:76px;border-radius:0;border-right:1px solid #cfe2ec;padding-right:8px;flex-shrink:0}.metric .symbol .glossy-icon{width:64px;height:70px}.metric label{color:#346084;font-weight:600}.metric strong{color:#071e64}.pump-art{width:160px;height:154px;margin:8px auto}.pump-card .pill.online{background:linear-gradient(#e5ffeb,#d4fadb);border:1px solid #c1eacb;font-size:23px;border-radius:5px}.pump-card .pill.online .dot{width:20px;height:20px;background:radial-gradient(circle at 30% 25%,#5bff6c,#00bf13 65%,#048014);box-shadow:0 2px 4px #00601430}.tank-real{height:195px;position:relative;margin:5px auto}.tank-real b{position:absolute;bottom:18%;left:0;right:0;color:#083b65;font-size:24px;text-shadow:0 1px 3px white}.tank-state{display:block;background:linear-gradient(#16b5fd,#0088e9);color:white;border-radius:5px;padding:6px;font-size:17px;font-weight:700}.tank-state.low{background:#ffd42c;color:#172751}.tank-state.unknown{background:#e0edf4;color:#58768d;font-size:13px}.pressure-reading{display:flex;align-items:center;gap:4px}.pressure-dial{width:95px;height:95px;flex-shrink:0;filter:drop-shadow(0 4px 4px #0a5e7920)}.pressure-reading strong{font-size:32px!important;line-height:1.1;margin:0!important}.pressure-reading strong small{display:block;font-size:21px;margin-top:7px}.control-pump{display:grid;grid-template-columns:85px 1fr;gap:5px 8px;align-items:center}.control-pump-art{grid-column:1;grid-row:1/4;height:105px;width:85px}.control-pump h3,.control-pump>.pill,.control-pump .buttons{grid-column:2}.control-pump>.pill{padding:3px 8px;font-size:13px;justify-self:start}.control-pump .buttons{margin-top:0}.control-pump button:first-child{background:#ddffe9;color:#09672b;border-color:#afe9c6}.input-visual{display:flex;align-items:center;gap:10px}.input-visual .equipment-photo,.input-visual .glossy-icon{width:42px;height:59px;flex-shrink:0}.demo-entry{width:100%;margin-top:12px;background:#e6f8ff;color:#006baf;font-weight:650}.demo-caption{font-size:12px;color:#5c7890;margin-top:10px;text-align:center}.login-card .photo-brand{width:100%}.login-card .photo-brand svg{height:90px}.demo-banner{background:#e0f6ed;color:#126248;border:1px solid #b7dfcd;font-size:12px;border-radius:7px;padding:6px 10px;margin-bottom:7px;display:flex;justify-content:space-between;gap:10px}.demo-banner a{color:#075d4b;font-weight:700;white-space:nowrap}.control-pump .pill:not(.online){color:#657b8c}.frequency-row{grid-template-columns:155px 1fr;align-items:center;gap:12px}.frequency-row span{font-size:13px}.bar-bg{height:27px;border-radius:2px}.bar{border-radius:2px}.chart{height:auto;aspect-ratio:440/265}.bottom-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:linear-gradient(135deg,#fff 10%,#f0faff);border:1px solid #e5f3fa;box-shadow:0 4px 15px #b6e0ec26}.pressure-grid{gap:5px}.pressure-grid label{font-weight:600;color:#345376}.details-grid .stack{align-content:stretch}.details-grid .tank-grid{gap:8px}.details-grid>.stack:last-child{grid-template-rows:1.3fr 1fr auto}.details-grid>.stack:first-child{grid-template-rows:auto repeat(4,1fr)}

/* The scale is based on both viewport width and height, never width alone. */
body.fit-desktop{height:100dvh;overflow:hidden;background:#e8f5fb}.fit-desktop .layout{position:fixed;left:var(--fit-left,0);top:var(--fit-top,0);width:1600px;height:850px;min-height:0;grid-template-columns:96px 1fr;transform:scale(var(--fit,1));transform-origin:top left}.fit-desktop .sidebar{position:static;height:850px;padding:14px 6px;gap:9px}.fit-desktop .navitem{flex:1;min-height:0;padding:9px 3px;gap:6px;font-size:14px}.fit-desktop .navitem .icon{width:32px;height:32px}.fit-desktop .logout{margin-top:0}.fit-desktop .main{height:850px;display:flex;flex-direction:column;min-height:0}.fit-desktop .header{height:86px;min-height:86px;padding:8px 20px;gap:23px;flex-wrap:nowrap}.fit-desktop .header h1{font-size:28px}.fit-desktop .header .title{padding-left:20px}.fit-desktop .header-right{flex-wrap:nowrap;gap:8px}.fit-desktop .header .pill{font-size:13px;padding:10px 12px}.fit-desktop .content{width:100%;max-width:none;margin:0;padding:9px 14px 12px;flex:1;min-height:0;display:flex;flex-direction:column}.fit-desktop .subbar{font-size:12px;min-height:18px;margin-bottom:7px}.fit-desktop .notice,.fit-desktop .stale{padding:7px 12px;margin-bottom:8px;font-size:12px;line-height:1.35}.fit-desktop #page{flex:1;min-height:0;display:flex;flex-direction:column}.fit-desktop .source-note{font-size:11px;line-height:1.3;margin-top:7px}.fit-desktop .section-heading{margin-bottom:10px}.fit-desktop h2{font-size:24px;line-height:1.15}.fit-desktop h3{font-size:16px}.fit-desktop .hint{font-size:13px;margin:6px 0 10px}.fit-desktop .card{padding:14px;border-radius:10px}.fit-desktop .cards{gap:10px}.fit-desktop button,.fit-desktop .button{min-height:34px;padding:7px 12px;font-size:13px}.fit-desktop input,.fit-desktop select{padding:8px 10px;font-size:14px}.fit-desktop .metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.fit-desktop .metric{padding:12px 10px;gap:10px}.fit-desktop .metric label{font-size:14px;margin-bottom:7px}.fit-desktop .metric strong{font-size:26px;letter-spacing:-.7px}.fit-desktop .metric strong small{font-size:15px}.fit-desktop .metric .symbol{display:grid}.fit-desktop .three{grid-template-columns:repeat(3,minmax(0,1fr))}.fit-desktop .two{grid-template-columns:repeat(2,minmax(0,1fr))}.fit-desktop .three>.card:last-child{grid-column:auto}.fit-desktop .empty{padding:30px 12px}.fit-desktop .chart-note{font-size:11px;margin-top:8px;line-height:1.4}.fit-desktop .chart{width:100%;height:100%;min-height:0;flex:1}.fit-desktop .is-analytics #page>.three:not(.bottom-metrics){flex:1;min-height:0}.fit-desktop .is-analytics #page>.three:not(.bottom-metrics)>.card{display:flex;flex-direction:column;min-height:0}.fit-desktop .bottom-metrics{margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.fit-desktop .bottom-metrics .metric{padding:10px 18px}.fit-desktop .bottom-metrics .symbol{height:62px}.fit-desktop .bottom-metrics .glossy-icon{height:60px}.fit-desktop .details-grid{grid-template-columns:.95fr 1.12fr 1.5fr;gap:10px;flex:1;min-height:0}.fit-desktop .details-grid>.stack:last-child{grid-column:auto;grid-template-rows:1.3fr .95fr auto;min-height:0}.fit-desktop .details-grid .stack{gap:10px}.fit-desktop .details-grid>.stack:first-child{grid-template-rows:auto repeat(4,1fr);min-height:0}.fit-desktop .details-grid>.stack:first-child .metric{gap:16px;padding:15px}.fit-desktop .details-grid .metric strong{font-size:30px}.fit-desktop .details-grid .metric .symbol{width:87px;height:90px}.fit-desktop .details-grid .metric .glossy-icon{width:80px;height:84px}.fit-desktop .details-grid>section:nth-child(2){display:flex;flex-direction:column;min-height:0}.fit-desktop .details-grid .two{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));min-height:0}.fit-desktop .pump-card{display:flex;flex-direction:column;padding:12px}.fit-desktop .pump-art{flex:1;min-height:70px;max-height:162px;width:155px;margin:5px auto}.fit-desktop .pump-card .pill{font-size:19px;padding:5px;justify-content:center}.fit-desktop .pump-values{gap:7px;margin-top:8px}.fit-desktop .pump-values strong{font-size:14px;margin-top:3px;white-space:nowrap}.fit-desktop .tank-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.fit-desktop .tank-mini h3{font-size:13px;min-height:32px}.fit-desktop .tank-real{height:168px}.fit-desktop .pressure-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;gap:6px}.fit-desktop .pressure-grid label{font-size:13px;min-height:34px}.fit-desktop .pressure-dial{width:80px;height:80px}.fit-desktop .pressure-reading strong{font-size:29px!important}.fit-desktop .pressure-reading strong small{font-size:18px}.fit-desktop .tds{font-size:19px;gap:12px}.fit-desktop .tds output{padding:8px 16px;min-width:145px}.fit-desktop .alarm-grid{grid-template-columns:1fr 2.15fr;gap:12px;flex:1;min-height:0}.fit-desktop .alarm-grid>section{display:flex;flex-direction:column;min-height:0}.fit-desktop .frequency{grid-template-columns:1fr;gap:24px;margin-top:20px}.fit-desktop .toolbar{gap:6px;margin-bottom:10px}.fit-desktop .toolbar input{min-width:160px}.fit-desktop .toolbar select{max-width:155px}.fit-desktop .table-wrap{max-width:none;overflow:visible}.fit-desktop table{font-size:13px;table-layout:fixed}.fit-desktop th,.fit-desktop td{padding:10px 7px;overflow-wrap:anywhere}.fit-desktop th{white-space:normal}.fit-desktop td .pill{font-size:11px;padding:6px 8px}.fit-desktop td button{font-size:11px;padding:5px}.fit-desktop .pagination{margin-top:auto;padding-top:10px}.fit-desktop .alarm-grid .source-note{margin-top:9px}.fit-desktop .control-grid{grid-template-columns:1.05fr 1.06fr 1fr 1.16fr;gap:10px;flex:1;min-height:0}.fit-desktop #control-form{flex:1;min-height:0;display:flex;flex-direction:column}.fit-desktop .control-grid .card{padding:12px}.fit-desktop .control-grid h2{font-size:21px;min-height:47px}.fit-desktop .control-grid .hint{min-height:34px;margin-top:0}.fit-desktop .toggle-row{padding:8px 0;font-size:13px;gap:7px;min-height:68px}.fit-desktop .toggle small{font-size:10px}.fit-desktop .control-pump{padding:8px 0;min-height:111px}.fit-desktop .control-pump h3{font-size:15px}.fit-desktop .control-pump-art{height:93px;width:80px}.fit-desktop .control-pump button{padding:6px 8px;min-height:30px;font-size:12px}.fit-desktop .delay-row{padding:19px 0;grid-template-columns:1fr 68px 68px}.fit-desktop .delay-row input{padding:8px}.fit-desktop .field-row{font-size:13px;margin-top:19px}.fit-desktop .field-row input{width:70px}.fit-desktop .control-footer{margin-top:10px;background:#f8fdff;padding:9px 13px;border:1px solid #dcebf2;border-radius:8px;font-size:13px}.fit-desktop .control-footer button.primary{min-width:150px}.fit-desktop .control-grid .input-visual .equipment-photo{height:48px;width:34px}.fit-desktop .control-grid .input-visual .glossy-icon{height:38px;width:34px}.fit-desktop .control-grid .input-visual{gap:8px}

.fit-desktop td:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Reserve space for the footer, and fit the entire process image into what remains. */
.fit-desktop .is-home .header{height:58px;min-height:58px;padding:8px 18px}.fit-desktop .is-home .header .photo-brand{display:none}.fit-desktop .is-home .header h1{font-size:22px}.fit-desktop .realistic-home{flex:1;min-height:0;display:flex;flex-direction:column}.fit-desktop .scene-pan{flex:1;min-height:0;container-type:size;display:grid;place-items:center;overflow:visible;background:#f6fbff}.fit-desktop .realistic-scene{min-width:0;width:min(100cqw,calc(100cqh * 1846 / 852));height:auto;aspect-ratio:1846/852}.fit-desktop .photo-home-footer{padding:9px 0 0;min-height:53px}.fit-desktop .mobile-pan-hint{display:none}.fit-desktop .scene-tank-label{font-size:.93cqw}.fit-desktop .scene-tank-value{font-size:1.8cqw}.fit-desktop .scene-pump{font-size:.95cqw}.fit-desktop .scene-pressure label{font-size:1.35cqw}.fit-desktop .scene-pressure output{font-size:1.95cqw}.fit-desktop .scene-navigation button{font-size:.95cqw;padding:.45cqw .65cqw;min-height:0}.fit-desktop .scene-connection{font-size:1.02cqw}
@media(max-width:899px){.photo-brand{width:200px}.photo-brand svg{height:54px}.is-home .header .photo-brand{display:none}.pressure-reading{justify-content:center}.control-pump-art{height:110px}.details-grid>.stack:last-child{grid-template-rows:auto}.details-grid>.stack:first-child{grid-template-rows:auto}.metric .symbol{display:none}.frequency-row{grid-template-columns:1fr}.demo-banner{flex-wrap:wrap}.is-home .header .title{padding-left:0}.pump-art{height:160px}.pressure-grid .pressure-reading strong{font-size:28px!important}.photo-home-footer .tds{flex-wrap:wrap}}