*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#203449;font:15px system-ui}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3292c8;outline-offset:2px}.shell{display:flex;min-height:100vh}aside{width:225px;background:#fff;border-right:1px solid #e0e7ef;padding:32px 18px;position:fixed;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:12px;color:#15748a;font-size:28px;font-weight:800;align-items:center;padding:0 8px}.brand span{font-size:15px}.brand small{letter-spacing:4px;font-size:11px}nav{display:grid;gap:8px;margin-top:48px}nav button{border:0;background:transparent;text-align:left;border-radius:8px;padding:14px;color:#627286}nav button.active{background:#e6f3f7;color:#146b82;font-weight:700}.sidebar-footer{margin-top:auto;color:#7b8998;font-size:12px;line-height:1.8}main{margin-left:225px;width:calc(100% - 225px);padding:28px 38px;max-width:1700px}header,.title,.section-heading,.pump-top,.pump-bottom,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}header{border-bottom:1px solid #e0e7ef;padding-bottom:22px}header small{letter-spacing:1px;color:#708093;font-size:11px}header h2{margin:4px 0 0;font-size:19px}.connection{font-weight:700;font-size:13px}.connection small{display:block;letter-spacing:0;font-weight:400;margin-top:6px}h1{font-size:32px;margin:30px 0 4px}h2{font-size:20px}h3{font-size:18px;margin:18px 0 6px}p,footer{color:#6b7c8e;line-height:1.6}.title p{margin-top:0}.updated{text-align:right;color:#758496;font-size:12px;line-height:1.7}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:14px 0 28px}.metrics section,.panel{background:#fff;border:1px solid #e1e9f0;border-radius:12px;padding:22px}.metrics small{display:block;color:#7a8998}.metrics strong{display:block;font-size:30px;margin-top:10px}.green{color:#16825f}.blue{color:#236bb7}.section-heading{margin:24px 0 16px}.section-heading h2{margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.pump{background:#fff;border:1px solid #e0e8ef;border-top:4px solid #acb9c6;border-radius:12px;padding:20px;text-align:left;color:#203449;box-shadow:0 4px 16px #20344904}.pump.free{border-top-color:#269774}.pump.busy{border-top-color:#3488d1}.pump:hover{box-shadow:0 6px 20px #20344914}.pump-number{font-size:25px;font-weight:800;color:#698093}.badge{padding:6px 10px;border-radius:20px;font-size:12px;font-weight:700}.free.badge{background:#e6f6ee;color:#157455}.busy.badge{background:#e8f2fd;color:#2169aa}.unknown.badge{background:#edf1f5;color:#627387}.warning.badge{background:#fff3dc;color:#8e641f}.connection.free{color:#157455}.connection.warning{color:#966824}.pump p{margin:0 0 20px;font-size:13px}.pump-data{background:#f6f8fb;padding:14px;border-radius:8px}.pump-data>small{display:block;color:#8391a0;font-size:11px}.pump-data>strong{font-size:12px;font-weight:500}.pump-data>div{display:flex;justify-content:space-between;gap:12px;margin-top:10px}.pump-data span{font-size:22px;font-weight:700}.pump-data span small{display:block;font-size:10px;color:#8290a0;font-weight:400;margin-top:4px}.pump-bottom{font-size:11px;color:#7a8998;margin-top:20px}.pump-bottom span{color:#1b7187}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}th{background:#f5f8fb;color:#758496;font-weight:500}th,td{padding:13px;border-bottom:1px solid #edf1f5}td small{display:block;color:#8391a0;margin-top:5px}.link{background:none;border:0;padding:0;color:#19748c;text-align:left}.banner{background:#fff4df;border:1px solid #efdab4;border-radius:8px;padding:14px;color:#865e22;margin:16px 0}.banner .link{margin-left:10px}input,select{border:1px solid #d8e2eb;border-radius:7px;background:#fff;padding:11px;color:#344b60;max-width:100%}.toolbar{justify-content:flex-start;margin-bottom:20px}.empty{padding:25px;text-align:center}.panel{margin-bottom:20px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:13px;color:#677d91;margin:15px 0}label input{display:block;width:100%;margin-top:7px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}fieldset{border:1px solid #dfe8ef;border-radius:10px;padding:18px}legend{font-weight:700;color:#34576e}.primary{background:#16768d;color:#fff;border:0;padding:13px 22px;border-radius:8px}button:disabled{opacity:.5;cursor:wait}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff5e7;color:#805c26;padding:18px;border-radius:8px}footer{font-size:12px;margin-top:28px}.overlay{position:fixed;inset:0;background:#17334966;display:flex;align-items:center;justify-content:center;padding:24px;z-index:10}.detail{background:#fff;border-radius:14px;padding:24px;width:1050px;max-width:100%;max-height:90vh;overflow:auto}.detail-summary{display:flex;flex-wrap:wrap;gap:20px;padding:16px;background:#f1f6f9;font-size:13px}.detail .section-heading{margin-top:0}.detail button:not(.link){border:1px solid #d8e2eb;background:#fff;border-radius:7px;padding:8px 12px}@media(max-width:1000px){aside{width:185px}main{margin-left:185px;width:calc(100% - 185px);padding:24px}.metrics{gap:10px}}@media(max-width:700px){.shell{display:block}aside{position:static;width:100%;height:auto;padding:16px}nav{display:flex;flex-wrap:wrap;margin-top:18px;gap:4px}nav button{padding:10px;font-size:12px}.sidebar-footer{display:none}main{margin:0;width:100%;padding:20px 14px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics section{padding:16px}.config-grid{grid-template-columns:1fr}.title,.section-heading,.toolbar{flex-wrap:wrap}.updated{text-align:left}h1{font-size:27px}.overlay{padding:10px}.detail{padding:16px}}.period-bar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;background:#fff;padding:16px;border:1px solid #dce6ef;border-radius:10px;margin-bottom:20px}.period-bar small{display:block;color:#71869a;margin-top:7px}.period-bar label{margin:0}.period-bar button:not(.primary){border:1px solid #dce6ef;background:#f8fafc;border-radius:7px;padding:10px}.product-summary article{padding:16px;margin:15px 0;background:#f7f9fc;border-radius:8px}.product-summary h3{margin-top:0}.bar-track{height:12px;background:#e3eaf1;border-radius:6px;overflow:hidden}.bar-track div{height:100%;border-radius:6px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f1f6fa}.login-card{width:420px;max-width:100%;background:#fff;padding:32px;border:1px solid #dce7ef;border-radius:16px;box-shadow:0 8px 40px #24415710}.login-card h1{font-size:25px}.login-card .primary{width:100%;margin-top:15px}.login-note{font-size:12px;margin-top:24px}.danger{background:#aa3746;color:#fff;padding:13px 20px;border:0;border-radius:8px}.print-report{display:none}@media print{@page{size:A4 landscape;margin:14mm}body{background:#fff!important;color:#000}.shell>aside,main>*:not(.print-report),.overlay{display:none!important}.shell{display:block}main{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}.print-report{display:block!important;border:0;padding:0;margin:0}.print-report h1{font-size:22pt;margin:0 0 8pt}.print-report h2{font-size:16pt}.print-report p{font-size:10pt;color:#222}.print-report table{white-space:normal;font-size:10pt;table-layout:fixed}.print-report td,.print-report th{padding:7pt;overflow-wrap:anywhere;color:#111}.print-report thead{display:table-header-group}.print-report tr{break-inside:avoid}.print-report tfoot{display:table-row-group}}:root{--ink:#182f44;--muted:#708394;--line:#e1e9f0;--accent:#126d83;--surface:#fff}body{background:#f1f5f9;color:var(--ink);font-size:14px}aside{width:204px;padding:28px 14px;background:#fff;border-right:1px solid #dce6ee;z-index:4}.brand{font-size:27px;gap:12px;letter-spacing:-.5px}.brand>span{line-height:1.35;letter-spacing:.8px}.brand small{letter-spacing:4px}nav{margin-top:36px;gap:6px}nav button{padding:13px 14px;font-size:13px;font-weight:500;border-left:3px solid transparent;border-radius:6px}nav button.active{background:#e6f2f5;border-left-color:#16788b;color:#11647b}.sidebar-footer{padding:15px 10px 0;border-top:1px solid var(--line);font-size:11px}.sidebar-footer strong{font-size:13px;color:#344f62}.sidebar-footer .link{margin:7px 0;font-size:12px}main{margin-left:204px;width:calc(100% - 204px);padding:24px 28px;max-width:none;transition:padding-right .18s}header{padding-bottom:18px;min-height:62px}header h2{font-size:19px;font-weight:750;letter-spacing:-.4px}header small{font-size:10px}.eyebrow{font-size:9px!important;letter-spacing:1.6px!important;font-weight:750!important;color:#8a9aa8!important}.title{margin:24px 0 20px}.title h1{font-size:27px;letter-spacing:-.8px;margin:0 0 6px}.title p{font-size:12px;margin:0}.updated{font-size:10px}.connection{background:#fff;padding:9px 13px;border:1px solid var(--line);border-radius:9px;font-size:11px}.connection small{font-size:10px}.period-bar{gap:12px;padding:12px 14px;box-shadow:0 2px 8px #263f5303;border-radius:9px}.period-bar strong{font-size:12px}.period-bar small,.period-bar label{font-size:10px}.period-bar input{padding:7px;font-size:11px}.period-bar button{padding:9px!important;font-size:10px;border-radius:6px}.period-bar .primary{background:#edf5f8;color:#176d82;border:1px solid #d2e7ee}.banner{font-size:12px;border-radius:7px;padding:10px 12px;margin:12px 0}.metrics{gap:12px;margin:20px 0 26px}.metrics section{padding:15px 17px;border-radius:9px;position:relative;box-shadow:0 3px 10px #20344803}.metrics small{font-size:11px}.metrics strong{font-size:28px;letter-spacing:-.8px;margin-top:7px}.metrics section:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;background:#8ca8ba;border-radius:4px}.metrics section:nth-child(2):before{background:#259b78}.metrics section:nth-child(3):before{background:#458bd0}.metrics section:nth-child(4):before{background:#c29742}.section-heading{margin:22px 0 14px}.section-heading h2{font-size:17px;letter-spacing:-.3px;margin:4px 0 0}.section-heading input{padding:8px 10px;font-size:11px;width:220px}.section-heading .link{font-size:11px}.pump-state-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.pump-state-filters button{background:transparent;border:1px solid #dce5ed;color:#758797;border-radius:6px;padding:6px 10px;font-size:10px}.pump-state-filters .selected-filter{background:#203e53;color:#fff;border-color:#203e53}.product-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:9px;color:#7b8f9f;margin:0 0 14px}.product-legend span{display:flex;align-items:center;gap:5px}.product-legend i,.chart-row i,.product-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;flex-shrink:0}.grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px}.pump{position:relative;border:1px solid #dfe7ee!important;border-radius:9px;padding:14px;background:#fff;box-shadow:0 3px 9px #23435303;min-height:205px;overflow:hidden}.pump:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--product,#90a2b2)}.pump.selected-pump{border-color:#26899b!important;box-shadow:0 0 0 2px #26899b20}.pump-top{gap:5px}.pump-number{font-size:28px;color:#24455c;display:flex;align-items:center;gap:8px;font-weight:750;letter-spacing:-1px}.pump-number svg{width:25px;height:28px;stroke:#8ba2b2;stroke-width:1.5}.pump.selected-pump svg{stroke:#167b8f}.badge{font-size:9px;line-height:1.4;padding:4px 7px;border-radius:5px;white-space:normal;display:inline-block}.locked.badge{background:#f8eced;color:#a24d56}.offline.badge{background:#fff0e6;color:#b46d35}.warning.badge{background:#fff5dc;color:#a78128}.pump h3{font-size:12px;font-weight:750;margin:13px 0 4px;line-height:1.5;color:var(--product);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pump .pump-caption{font-size:9px;margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pump-data{background:#f7f9fb;padding:9px;border:1px solid #edf2f6;border-radius:6px}.pump-data>small{font-size:8px;letter-spacing:.7px}.pump-data>strong{font-size:9px;color:#6c8192}.pump-data>div{gap:7px;margin-top:5px}.pump-data span{font-size:17px;letter-spacing:-.4px}.pump-data span small{font-size:8px;letter-spacing:0}.pump-bottom{font-size:8px;margin-top:11px}.pump-bottom span{color:#126d83}.activity-panel{padding:0;overflow:hidden}.segments{display:flex;gap:5px;padding:12px 15px;border-bottom:1px solid #e8eef3}.segments button{border:0;background:transparent;font-size:11px;padding:8px 12px;border-radius:5px;color:#75899a}.segments .chosen{background:#e6f2f5;color:#166c82;font-weight:700}.table-wrap table{font-size:11px}th{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#8195a6;background:#f7f9fb}th,td{padding:12px}td strong{font-size:11px}td small{font-size:9px}.panel{border-radius:10px;box-shadow:0 3px 14px #23435603}.panel>h2{font-size:18px}.toolbar{gap:10px;font-size:12px}.toolbar input,.toolbar select{padding:9px;font-size:12px}.with-detail main{padding-right:388px}.pump-drawer{position:fixed;inset:184px 22px 18px auto;width:334px;background:transparent;display:block;padding:0;z-index:5;pointer-events:none}.pump-drawer .detail{pointer-events:auto;border:1px solid #d9e4ec;box-shadow:0 7px 28px #24435810;border-radius:12px;width:100%;height:100%;max-height:100%;padding:18px;overflow:auto}.pump-drawer .section-heading{align-items:flex-start;gap:6px;margin-bottom:8px}.pump-drawer h2{font-size:17px;margin-top:7px}.pump-drawer .section-heading button{font-size:0;min-width:25px;padding:5px!important;border:0!important}.pump-drawer .section-heading button:after{content:"×";font-size:22px;color:#8597a5}.drawer-product{font-size:12px;font-weight:650;margin:8px 0 12px}.drawer-state{font-size:11px;padding:7px 12px;display:block;text-align:center}.drawer-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.drawer-totals>div{background:#f4f8fb;padding:12px 10px;border:1px solid #e6edf3;border-radius:8px}.drawer-totals small{font-size:8px;color:#8095a5;display:block;letter-spacing:.5px}.drawer-totals strong{font-size:19px;display:block;margin-top:6px;letter-spacing:-.6px}.technical{border-top:1px solid #e7edf2;border-bottom:1px solid #e7edf2;margin:10px 0;padding:10px 0;font-size:11px}.technical summary{color:#647e90;cursor:pointer}.detail-summary{padding:10px;display:grid;gap:9px;font-size:10px;background:#f6f9fb}.pump-drawer .banner{font-size:10px;line-height:1.6;padding:10px}.pump-drawer .toolbar{display:grid;grid-template-columns:1fr 1fr;margin:14px 0}.detail .toolbar .danger{background:#a94453;color:#fff;border:0}.detail .toolbar .primary{background:#176f85;color:#fff;border:0}.detail .toolbar button{font-size:11px;padding:10px 8px;white-space:normal;line-height:1.5}.pump-drawer h3{font-size:12px}.drawer-history>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e9eff4;font-size:11px}.drawer-history strong{display:block;font-size:11px}.drawer-history small{display:block;font-size:9px;color:#8c9daa;margin-top:4px}.drawer-history>div>div:last-child{text-align:right}.fine-print{font-size:9px;line-height:1.6}.dashboard-metrics span{display:block;color:#91a1ad;font-size:10px;margin-top:6px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.analytics-grid .section-heading{margin-top:0}.chart-row{margin:25px 0}.chart-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px}.chart-row strong{font-weight:600}.chart-row>small{font-size:10px;color:#91a2b1}.chart-track{height:9px;background:#edf2f7;border-radius:8px;margin:10px 0 7px;overflow:hidden}.chart-track>span{display:block;height:100%;border-radius:8px}.ranking-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ecf1f5;font-size:11px}.ranking-number{background:#edf4f8;color:#54748d;border-radius:7px;padding:8px;font-size:15px;font-weight:750}.ranking-row>div{flex:1}.ranking-row small{display:block;font-size:9px;color:#8b9eae;margin-top:5px}.ranking-row>strong{text-align:right;font-size:13px}footer{font-size:10px;color:#899ba9;line-height:1.8}.login-page{background:radial-gradient(ellipse at 20% 15%,#dcecf1,transparent 55%),#f2f6fa}.login-card{border-radius:15px;padding:38px;width:430px;box-shadow:0 18px 65px #2a53601a}.login-card h1{font-size:27px}.login-card .brand{margin-bottom:24px}.login-card label{font-size:12px}.login-card input{background:#f8fafc;padding:13px}.login-card .primary{padding:13px}.login-card p{font-size:12px}@media(min-width:1700px){.grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.pump{min-height:215px}}@media(max-width:1150px){aside{width:180px}main{margin-left:180px;width:calc(100% - 180px);padding:22px}.with-detail main{padding-right:334px}.pump-drawer{width:292px;right:18px}.grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.metrics{gap:8px}.metrics section{padding:13px}.pump-data span{font-size:16px}.analytics-grid{grid-template-columns:1fr}}@media(max-width:950px){.with-detail main{padding-right:22px}.pump-drawer{background:#183a5260;inset:0;width:auto;display:flex;justify-content:flex-end;padding:16px;pointer-events:auto}.pump-drawer .detail{max-width:390px;height:100%;max-height:100%}.period-bar{align-items:flex-start}.analytics-grid{grid-template-columns:1fr}}@media(max-width:700px){aside{position:static;width:100%;height:auto;padding:15px}nav{margin-top:15px;display:flex;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}nav button{white-space:nowrap;padding:10px;font-size:11px;border-left:0;border-bottom:2px solid transparent}nav button.active{border-bottom-color:#187c8d}.shell{display:block}main,.with-detail main{margin:0;width:100%;padding:18px 14px}header{gap:12px;align-items:flex-start}header h2{font-size:16px}.connection{font-size:10px;padding:8px}.eyebrow{font-size:8px!important}h1{font-size:25px!important}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pump{padding:12px;min-height:205px}.pump-number{font-size:24px;gap:5px}.pump-number svg{width:20px}.badge{font-size:8px}.pump-data span{font-size:16px}.period-bar{gap:9px;padding:11px}.period-bar button{font-size:9px;padding:8px!important}.product-legend{font-size:8px;gap:8px}.section-heading input{width:180px}.title{margin:20px 0}.updated{font-size:9px}.pump-drawer{padding:10px}.pump-drawer .detail{max-width:100%}.config-grid{grid-template-columns:1fr}.login-card{padding:28px}.segments{overflow:auto;white-space:nowrap}}@media print{.with-detail main{padding:0!important}.pump-drawer{display:none!important}.print-report h1{font-size:22pt!important}.print-report td,.print-report th{font-size:10pt!important}.print-report th{text-transform:none;letter-spacing:0}}@media(max-width:700px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.metrics section{padding:11px 9px}.metrics small{font-size:8px;line-height:1.4;min-height:23px}.metrics strong{font-size:23px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics span{font-size:9px}.title{display:grid;grid-template-columns:1fr auto;gap:8px;margin:16px 0}.title h1{font-size:22px!important}.title p{font-size:10px}.title .updated{max-width:85px;font-size:8px}.period-bar{margin-bottom:14px}.section-heading h2{font-size:16px}}.dashboard-print-heading{display:none}.dashboard-print-actions{display:flex;align-items:center;gap:14px;margin:18px 0}.dashboard-print-actions span{font-size:12px;color:#60788a}@media print{main.print-dashboard>.print-report{display:none!important}main.print-dashboard>.dashboard-view{display:block!important}.dashboard-print-heading{display:block;margin-bottom:6mm;border-bottom:1px solid #bacbd6;padding-bottom:3mm}.dashboard-print-heading h1{font-size:20pt;margin:0 0 2mm}.dashboard-print-heading h2{font-size:15pt;margin:2mm 0}.dashboard-print-heading p{font-size:9pt;margin:1mm 0;color:#333}.dashboard-view{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:10pt}.dashboard-view button,.dashboard-print-actions{display:none!important}.dashboard-view .dashboard-metrics{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:3mm;margin:4mm 0}.dashboard-view .metrics section{padding:3mm;box-shadow:none;break-inside:avoid}.dashboard-view .metrics strong{font-size:19pt}.dashboard-view .analytics-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5mm}.dashboard-view .panel{padding:4mm;box-shadow:none;border:1px solid #d5dfe6;margin:3mm 0}.dashboard-view .chart-row{margin:4mm 0;break-inside:avoid}.dashboard-view .chart-track{height:3mm}.dashboard-view .ranking-row{padding:2mm 0;break-inside:avoid}.dashboard-view .section-heading{margin:0 0 3mm}.dashboard-view h2{font-size:13pt}.dashboard-view .table-wrap{overflow:visible}.dashboard-view table{width:100%;white-space:normal;font-size:10pt}.dashboard-view td,.dashboard-view th{padding:2.5mm;overflow-wrap:anywhere}.dashboard-view thead{display:table-header-group}.dashboard-view tr{break-inside:avoid}}.sales-controls .toolbar{align-items:end;flex-wrap:wrap;margin:18px 0}.sales-controls label{display:grid;gap:6px;font-size:12px}.sales-controls button{min-height:42px;padding:10px 14px;border:1px solid #d1e1eb;border-radius:7px}.sales-print-heading{margin:20px 0}.sales-print-heading h1{font-size:22px;margin:4px 0}.sales-print-heading h2{font-size:18px}.sales-print-heading p{font-size:12px;margin:5px 0;color:#668196}.sales-table{padding:0;overflow:hidden}.sales-table table{font-size:12px}.sales-table td{text-align:right;font-variant-numeric:tabular-nums}.sales-table td:first-child,.sales-table td:nth-child(2){text-align:left}.sales-table tfoot th{background:#eaf3f7;text-align:right}.sales-negative{color:#a53f4f}.sales-notes{font-size:12px;line-height:1.7;color:#607e91}.sales-reconciliation{font-size:12px}.sales-warnings li{margin:6px 0}.sales-metrics strong{font-size:25px}@media print{main.sales-print>.sales-reports{display:block!important}main.sales-print>.print-report{display:none!important}.sales-controls{display:none!important}.sales-print-heading h1{font-size:19pt}.sales-print-heading h2{font-size:14pt}.sales-print-heading p{font-size:9pt;color:#111}.sales-reports{-webkit-print-color-adjust:exact;print-color-adjust:exact}.sales-table{overflow:visible;border:0}.sales-table .table-wrap{overflow:visible}.sales-table table{table-layout:fixed;white-space:normal;width:100%;font-size:8pt}.sales-table th,.sales-table td{font-size:8pt!important;padding:2mm 1mm;overflow-wrap:anywhere;text-transform:none;letter-spacing:0}.sales-table thead{display:table-header-group}.sales-table tr{break-inside:avoid}.sales-table tfoot{display:table-row-group}.sales-metrics{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:3mm}.sales-metrics section{padding:3mm;break-inside:avoid}.sales-metrics strong{font-size:16pt}.sales-notes,.sales-reconciliation{font-size:8pt}.sales-warnings{font-size:9pt}.sales-warnings details{display:none}.sales-print-heading{break-after:avoid}}.sales-product-totals{margin-top:24px}.sales-product-totals h2{font-size:18px;margin-bottom:5px}.sales-product-totals>p{font-size:12px;color:#6c8495}.sales-product-totals table th:first-child,.sales-product-totals table td:first-child{text-align:left;width:50%}.sales-product-totals table td:nth-child(2){text-align:right}@media print{.sales-product-totals h2{font-size:13pt;break-after:avoid}.sales-product-totals>p{font-size:9pt}.sales-product-totals .sales-table{break-inside:auto}}.compact-header{display:grid;grid-template-columns:minmax(210px,1fr) minmax(200px,1.1fr) auto;gap:18px;align-items:center;margin-bottom:16px;padding-bottom:12px}.compact-header h2{margin:4px 0}.operating-heading h1{font-size:21px;letter-spacing:-.5px;margin:0 0 5px}.operating-heading p{font-size:11px;margin:0;color:#708394}.compact-header .connection{font-size:10px}.compact-header .connection small{font-size:9px;margin-top:4px}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.pump{min-height:156px;padding:10px 11px}.pump-number{font-size:23px}.pump-number svg{width:21px;height:24px}.pump h3{margin:8px 0 3px;font-size:11px}.pump .pump-caption{margin-bottom:6px}.pump-data{padding:6px}.pump-data span{font-size:15px}.pump-bottom{margin-top:7px}.metrics{margin:12px 0 16px}.metrics section{padding:10px 14px}.metrics strong{font-size:24px;margin-top:4px}.pump-drawer{top:125px}.tank-controls{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:16px 0}.tank-controls label{font-size:12px}.tank-controls .check{align-items:center;margin-bottom:10px}.tank-table td{text-align:right;font-variant-numeric:tabular-nums}.tank-table td:first-child,.tank-table td:nth-child(2){text-align:left}.tank-table small{display:block}.tank-notes{font-size:11px;color:#6b8190}.tank-table .negative{color:#b33f4b}.tank-table details{text-align:left;max-width:230px;white-space:normal}.tank-print-heading{display:none}@media(min-width:1700px){.grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.pump{min-height:156px}}@media(max-width:1150px){.compact-header{grid-template-columns:1fr auto}.operating-heading{grid-column:1;grid-row:2}.compact-header .connection{grid-column:2;grid-row:1 / span 2}.pump-drawer{top:155px}}@media(max-width:700px){.compact-header{gap:8px}.operating-heading h1{font-size:18px!important}.compact-header .connection{max-width:145px}.compact-header h2{font-size:15px}.pump{min-height:155px}.pump-data span{font-size:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pump-drawer{top:0}}@media print{main:has(.tank-stock)>.tank-stock{display:block!important}main:has(.tank-stock)>.print-report{display:none!important}.tank-controls,.tank-stock>button{display:none!important}.tank-print-heading{display:block}.tank-table{overflow:visible}.tank-table table{white-space:normal;font-size:8pt}.tank-table th,.tank-table td{padding:2mm;font-size:8pt}.tank-table th{font-weight:700;color:#111}.tank-table tr{break-inside:avoid}}.fuel-stock{margin-top:18px}.fuel-stock .section-heading{margin-top:0}.fuel-stock .section-heading small{font-size:11px;color:#708394}.fuel-stock td:not(:first-child),.fuel-stock th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.fuel-stock td:first-child{max-width:300px;white-space:normal}.fuel-basis{font-size:11px;color:#708394;margin-top:12px}.fuel-basis summary{cursor:pointer}.fuel-basis p{line-height:1.6}@media print{.fuel-refresh{display:none!important}.fuel-stock{break-inside:auto}.fuel-stock h2{font-weight:700}.fuel-stock th{font-weight:700;color:#111}.fuel-basis{font-size:8pt}}
