:root{color-scheme:dark;--bg:#0b1321;--panel:#111e31;--line:#26364c;--text:#edf3ff;--muted:#8a9bb3;--blue:#408cff;--green:#44d4a5;--amber:#ffc45b;--red:#ff7180;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible{outline:3px solid #75b6ff;outline-offset:3px}button svg{width:18px;height:18px;flex-shrink:0}svg{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button{color:inherit}button,kbd{user-select:none}h1,h2,h3,p{margin:0}button{border:0}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}.terminal{min-height:100dvh;display:flex;flex-direction:column;max-width:2000px;margin:auto}.topbar{height:77px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#edf3ff;font-size:26px;font-weight:750;letter-spacing:-1px}.brand-mark{font-size:31px;font-weight:800;width:39px;height:40px;border:2px solid #4b97ff;border-radius:10px;color:#71afff;line-height:36px;text-align:center;letter-spacing:-5px;padding-right:5px}.brand-mark span{font-size:18px;color:#eaf4ff;position:relative;left:2px}.brand-blue{color:#7aaeff}.brand small{font-size:7.7px;letter-spacing:1.7px;display:block;color:#8b9bb1;margin-top:4px;font-weight:600}.station{margin-right:auto;border-left:1px solid var(--line);padding-left:25px;display:flex;flex-direction:column;gap:6px}.station-name{font-size:12px;font-weight:700;letter-spacing:1.4px}.station-meta{font-size:10px;color:var(--muted);letter-spacing:.8px}.station-meta span{padding:0 7px}.top-actions{display:flex;gap:19px;align-items:center}.training-pill{display:flex;align-items:center;gap:7px;border:1px solid #3b4250;background:#1d2534;color:#d2dce9;border-radius:5px;font-size:9px;font-weight:700;letter-spacing:1px;padding:7px 9px}.training-pill i{width:5px;height:5px;background:#ffc45b;border-radius:50%}.icon-button{height:25px;width:25px;background:transparent;border:1px solid #36475e;border-radius:50%;color:#a7b7cc;font-weight:600}.clock{font:12px var(--mono);color:#adbbcf;min-width:65px}.cashier{background:#213149;border:1px solid #3b5272;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:11px;font-weight:700}.forecourt{padding:19px 26px 23px;background:linear-gradient(180deg,#101b2c,#0c1625);position:sticky;top:0;z-index:10;border-bottom:1px solid #26364c}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading>div{display:flex;align-items:center;gap:9px}.section-heading h1{font-size:11px;letter-spacing:1.8px}.live-dot{width:6px;height:6px;border-radius:50%;background:#70aaff;box-shadow:0 0 9px #438bff55}.muted{color:var(--muted)}.heading-note{font-size:11px;padding-left:9px}.pump-legend{display:flex;gap:18px!important;font-size:10px;color:#93a4bc}.pump-legend>span{display:flex;align-items:center;gap:5px}.legend-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6f849d}.legend-dot.fueling{background:var(--green)}.legend-dot.attention{background:var(--amber)}.pump-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.pump-tile{position:relative;min-width:0;background:#17263b;border:1px solid #34445a;border-radius:8px;text-align:left;padding:11px 12px 10px;overflow:hidden;min-height:121px;color:#b6c4d8;box-shadow:inset 0 3px #5d718b}.pump-tile.selected{outline:2px solid #75aaff;outline-offset:2px;background:#1d3557;border-color:#75aaff;color:#eff6ff;box-shadow:inset 0 3px #75aaff}.pump-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pump-number{font-size:24px;font-weight:650;letter-spacing:-1px;line-height:1}.pump-tile svg{height:18px;width:18px;opacity:.8}.pump-state{font-size:9px;letter-spacing:.65px;font-weight:750;white-space:nowrap;display:block}.pump-amount{font:19px var(--mono);font-weight:600;color:#f3f7ff;display:block;margin-top:6px;letter-spacing:-.5px}.pump-detail{font-size:9px;margin-top:4px;display:block;color:#9babbe;white-space:nowrap}.pump-tile.fueling{background:#103332;border-color:#285850;color:#65e0ba;box-shadow:inset 0 3px #44d4a5}.pump-tile.fueling.selected{outline-color:#77eec7}.pump-tile.fueling .pump-amount{color:#95f1d3}.pump-tile.calling,.pump-tile.due,.pump-tile.refund{background:#352d1f;border-color:#6a5532;color:#ffd68b;box-shadow:inset 0 3px #ffc45b}.pump-tile.offline{background:#1c202c;border-color:#343a49;color:#7c899c;box-shadow:inset 0 3px #c56573}.pump-tile.offline .pump-amount{color:#8b99ab}.pump-tile.prepaid{background:#152d4d;border-color:#355b91;color:#91bcff;box-shadow:inset 0 3px #5b9dff}.pump-tile.complete{background:#12302d;border-color:#30584d;color:#68d6b5;box-shadow:inset 0 3px #5fd6ac}.pump-progress{position:absolute;bottom:0;left:0;height:3px;background:#51d5ad;width:0}.selected-mark{position:absolute;right:9px;top:39px;font-size:8px;color:#9ec5ff;letter-spacing:1px}.workspace-toolbar{height:49px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid var(--line);background:#0d1727}.workspace-title{display:flex;gap:8px;align-items:center;letter-spacing:1.2px;font-size:10px;font-weight:700;color:#b2c4dd}.register-dot{width:5px;height:5px;background:#408cff;border-radius:1px}.ticket-id{font:10px var(--mono);color:#6c83a0;letter-spacing:0;margin-left:8px}.toolbar-buttons{display:flex;align-items:center;gap:19px}.toolbar-buttons button{display:flex;align-items:center;gap:6px;background:transparent;color:#9fb0c8;font-size:11px;padding:4px 0}.toolbar-buttons svg{height:14px;width:14px}kbd{font:9px var(--mono);padding:2px 4px;border:1px solid #ffffff25;border-radius:3px;color:inherit;opacity:.65;margin-left:6px}.main-workspace{display:grid;grid-template-columns: minmax(285px,.98fr) minmax(280px,.95fr) minmax(340px,1.12fr);flex:1;min-height:500px}.sale-panel{background:#f4f6fa;color:#203149;display:flex;flex-direction:column;min-width:0}.sale-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 23px 18px;border-bottom:1px solid #dce3ed}.sale-heading h2{font-size:17px;font-weight:650;letter-spacing:-.4px}.sale-heading>div>span{font-size:10px;color:#8895a7;display:block;margin-top:6px}.light-icon-button{background:transparent;color:#95a1b1;padding:6px}.light-icon-button svg{width:16px;height:16px}.sale-lines{padding:10px 21px;flex:1;min-height:170px;overflow:auto;max-height:calc(100dvh - 560px)}.empty-sale{display:flex;min-height:170px;height:100%;flex-direction:column;align-items:center;justify-content:center;color:#97a5b7;text-align:center;gap:11px}.empty-sale svg{width:36px;height:36px;color:#afbbca}.empty-sale strong{font-size:13px;font-weight:500;color:#7c8ba0}.empty-sale p{font-size:11px;line-height:1.7;max-width:190px}.sale-line{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e1e6ed}.line-icon{display:grid;place-items:center;height:32px;width:32px;border-radius:6px;background:#e5edfa;color:#4e79ba;flex-shrink:0}.line-icon svg{height:17px;width:17px}.line-copy{min-width:0;flex:1}.line-copy strong{display:block;font-size:12px;font-weight:650}.line-copy small{display:block;font-size:10px;color:#8390a2;line-height:1.5;margin-top:4px}.line-money{font:12px var(--mono);font-weight:650;white-space:nowrap}.remove-line{border:0;background:transparent;color:#a6b1bf;font-size:19px;width:24px;padding:0}.sale-summary{padding:15px 23px 13px;border-top:1px dashed #ccd5e3;display:flex;flex-direction:column;gap:11px;font-size:11px;color:#7d8ba0}.sale-summary>div{display:flex;justify-content:space-between}.sale-summary strong{font:12px var(--mono);color:#475872}.sale-summary small{padding-left:4px;font-size:9px}.sale-total{display:flex;align-items:center;justify-content:space-between;background:#e6ecf5;border-top:1px solid #d6dfed;padding:16px 22px}.sale-total>span{font-size:11px;letter-spacing:1px;font-weight:700;color:#63758f}.sale-total>strong{font-size:39px;font-weight:650;letter-spacing:-1.5px;color:#17345d;font-variant-numeric:tabular-nums}.sale-total strong span{font-size:26px}.tender-buttons{padding:15px 19px 12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f0f3f9}.tender-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;height:51px;border-radius:7px;font-size:14px;font-weight:650}.tender-cash{background:#1d6ec0;color:white}.tender-card{background:#1a2b45;color:white}.tender-buttons kbd{font-size:8px}.sale-footnote{text-align:center;color:#97a5b8;font-size:9px;padding:0 8px 14px;background:#f0f3f9;display:flex;align-items:center;justify-content:center;gap:5px}.sale-footnote svg{width:11px;height:11px}.catalog-panel{padding:23px 22px 18px;border-right:1px solid var(--line);border-left:1px solid #24354f;background:#101b2b;display:flex;flex-direction:column;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:19px}.panel-heading h2{font-size:16px;font-weight:600;letter-spacing:-.3px}.small-label{font-size:8px;letter-spacing:1.3px;color:#6e829d;font-weight:700}.category-tabs{display:flex;gap:5px;margin-bottom:18px;padding:4px;background:#0a1423;border:1px solid #1d2d43;border-radius:7px}.category-tabs button{background:transparent;color:#899bb5;padding:8px 4px;border-radius:4px;font-size:10px;flex:1}.category-tabs button.active{background:#25405f;color:#d4e8ff;box-shadow:0 1px 4px #0003}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.product-button{background:#192b42;border:1px solid #2a405d;border-radius:7px;color:#c9dcf5;min-height:102px;padding:14px 8px 10px;display:flex;align-items:flex-start;flex-direction:column;text-align:left;position:relative}.product-button .product-icon{color:#6e9fd9;display:block;margin-bottom:11px}.product-icon svg{width:20px;height:20px}.product-name{font-size:10px;font-weight:600;line-height:1.3;white-space:normal}.product-price{font:10px var(--mono);color:#829bb8;margin-top:5px}.product-button.snack{background:#2c2930;border-color:#49404e}.product-button.snack .product-icon{color:#b59bbf}.product-button.coffee{background:#302a25;border-color:#4b4035}.product-button.coffee .product-icon{color:#cbab7b}.product-button.fountain{background:#123130;border-color:#255252}.product-button.fountain .product-icon{color:#6aaea5}.product-button.store{background:#292944;border-color:#414167}.product-button.store .product-icon{color:#aaa2d9}.catalog-bottom{margin-top:auto;padding-top:24px}.note-card{display:flex;gap:9px;border-top:1px solid #22344c;padding:19px 0 17px;color:#8da4c0}.note-card>svg{height:15px;width:15px;flex-shrink:0;color:#6499dc}.note-card strong{font-size:10px;font-weight:600;color:#b6c8df}.note-card p{font-size:10px;line-height:1.7;color:#6e829f;margin-top:5px}.drawer-button{width:100%;background:#15253a;border:1px solid #2a3c55;color:#a2b6d1;display:flex;align-items:center;justify-content:center;gap:8px;height:39px;border-radius:5px;font-size:10px}.drawer-button svg{height:15px;width:15px}.subtle{color:#637b9b;font-size:8px;letter-spacing:1px;margin-left:12px}.fuel-panel{background:#122036;padding:22px 23px 18px;min-width:0}.selected-pump-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:8px}.selected-pump-heading>div{display:flex;align-items:center;gap:8px}.selected-pump-heading h2{font-size:16px;font-weight:600;letter-spacing:-.3px;white-space:nowrap}.pump-mini-icon svg{width:18px;height:18px;color:#7ca7e2}.selected-status{font-size:8px;background:#233952;color:#9db6d8;padding:4px 6px;border-radius:4px;white-space:nowrap}.fuel-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid #2d425e;margin-bottom:18px}.fuel-mode-tabs button{padding:0 0 12px;background:transparent;color:#7e94b3;font-size:12px;border-bottom:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:650}.fuel-mode-tabs svg{height:15px;width:15px}.fuel-mode-tabs button.active{color:#9dc5ff;border-bottom-color:#5096ff}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:650;color:#8ba3c3;letter-spacing:1px;margin-bottom:9px}.field-label span{font-weight:400;letter-spacing:0;color:#5f7899;font-size:9px}.grade-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:17px}.grade-button{padding:9px 3px 8px;background:#142944;border:1px solid #2d425e;border-radius:5px;text-align:center;color:#8da5c3}.grade-button strong{display:block;font-size:10px;font-weight:600}.grade-button small{display:block;font:9px var(--mono);margin-top:5px}.grade-button.active{background:#234b7b;border-color:#518fd8;color:#daebff}.grade-button.diesel.active{background:#215047;border-color:#4c9c8d}.amount-box{display:flex;align-items:center;background:#09172b;border:1px solid #35577e;border-radius:6px;padding:10px 14px;height:65px;position:relative}.amount-box>span{font-size:24px;color:#6383ad}.amount-box input{width:100%;background:transparent;border:0;color:#ecf4ff;font:32px var(--mono);font-weight:500;text-align:right;outline:0;padding:0 0 0 10px;letter-spacing:-1px}.amount-box input::placeholder{color:#607897}.amount-box:focus-within{border-color:#74aeff;box-shadow:0 0 0 2px #438bff30}.preset-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:9px 0 12px}.preset-buttons button{border:1px solid #334a69;border-radius:5px;background:#203653;color:#b8cfee;height:33px;font:11px var(--mono);font-weight:600}.preset-buttons button.active{background:#2e5e99;color:white;border-color:#578ed3}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.keypad button{height:39px;background:#20344e;border:1px solid #2c4464;border-radius:5px;font:19px var(--mono);color:#d5e5fc}.keypad button.utility{font-size:11px;color:#88a3c8;background:#182d48}.primary-button{width:100%;margin-top:12px;border-radius:6px;min-height:46px;padding:11px 13px;background:#367fed;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 4px 9px #06112440}.primary-button svg{height:17px;width:17px}.primary-button kbd{margin-left:auto}.primary-button.green{background:#188061}.primary-button.amber{background:#b87920}.primary-button.danger{background:#a94255}.fuel-hint{font-size:9px;text-align:center;color:#6d86a8;margin-top:10px;line-height:1.5}.fuel-hint strong{color:#94b3dc;font-weight:500}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 25px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.4px;color:#6b829f;min-height:37px;background:#0c1728}.statusbar>div{display:flex;align-items:center;gap:7px}.statusbar button{background:transparent;padding:0;color:#7f99bb;font-size:9px}.connected-dot{width:5px;height:5px;border-radius:50%;background:#50c4a2}.status-separator{margin:0 5px;color:#344966}.version{font:9px var(--mono);color:#4f6787;margin-left:13px}.status-display{border:1px solid #2b4564;background:#0e1a2c;border-radius:8px;padding:20px;margin-bottom:14px}.status-display .eyebrow{font-size:9px;letter-spacing:1.4px;color:#7392b8}.status-display .big-number{font:42px var(--mono);font-weight:600;color:#e3f1ff;margin:12px 0}.status-display .big-number.green{color:#79e7c3}.status-display .big-number.amber{color:#ffd38a}.fuel-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px;padding-top:15px;border-top:1px solid #253b57}.fuel-stats dt{font-size:8px;color:#718dad;letter-spacing:1px;margin-bottom:5px}.fuel-stats dd{font:13px var(--mono);color:#bcd1eb;margin:0}.fuel-stats dl{margin:0}.progress-track{height:5px;background:#1f354e;border-radius:6px;margin-top:18px;overflow:hidden}.progress-fill{background:#48cda6;height:100%;transition:width .4s linear}.pump-message{background:#1a2d45;border-radius:6px;padding:14px 15px;color:#93accb;font-size:11px;line-height:1.7;margin-bottom:13px}.pump-message strong{color:#d3e5ff}.secondary-button{background:#20344e;border:1px solid #36506f;border-radius:6px;color:#b8cde8;min-height:39px;width:100%;padding:9px 12px;font-size:11px;margin-top:9px;display:flex;align-items:center;justify-content:center;gap:7px}.secondary-button svg{height:14px;width:14px}.split-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.offline-symbol{font-size:38px;text-align:center;color:#d77787;margin:22px}.postpay-icon{width:54px;height:54px;border-radius:14px;background:#243e60;display:grid;place-items:center;margin:25px auto 20px;color:#8ab9f7}.postpay-icon svg{width:28px;height:28px}.postpay-copy{text-align:center;font-size:11px;color:#7f9cbe;line-height:1.8;margin-bottom:30px}.postpay-copy strong{display:block;color:#cfdef2;font-size:15px;margin-bottom:7px}.toast{position:fixed;left:50%;bottom:48px;transform:translate(-50%,15px);background:#ddebff;color:#17375b;border:1px solid #9ec0f0;padding:13px 20px;border-radius:8px;font-size:12px;font-weight:550;box-shadow:0 6px 35px #0005;z-index:80;opacity:0;pointer-events:none;transition:all .2s;text-align:center;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{padding:0;border:1px solid #3d5777;border-radius:13px;background:#122036;color:#edf3ff;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 35px);box-shadow:0 20px 100px #000a}dialog::backdrop{background:#030914b5;backdrop-filter:blur(4px)}.modal-heading{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a3d58}.modal-heading h2{font-size:18px;letter-spacing:-.4px;font-weight:600}.modal-heading button{background:transparent;color:#8ca4c3;font-size:23px;padding:0 3px}.modal-body{padding:23px}.modal-body p{font-size:12px;line-height:1.8;color:#9ab0cd;margin-bottom:14px}.modal-body label{display:block;font-size:11px;color:#a7bfdf;margin:15px 0 8px}.modal-body input,.modal-body select{width:100%;background:#0a1729;border:1px solid #3c5576;border-radius:6px;color:#e7f1ff;padding:12px;outline:0}.modal-body input:focus{border-color:#69a6ff}.modal-body input.big-input{font:28px var(--mono);text-align:right}.tender-total{display:flex;justify-content:space-between;align-items:center;background:#1a304c;padding:17px;border-radius:7px;margin-bottom:19px;font-size:12px;color:#9ab6da}.tender-total strong{font:30px var(--mono);color:#eef5ff}.tender-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:9px 0 18px}.tender-presets button{background:#243e60;border:1px solid #35577e;border-radius:5px;padding:11px 4px;font:12px var(--mono)}.change-display{display:flex;justify-content:space-between;color:#8fb4df;font-size:12px;padding:7px 0 14px}.change-display strong{color:#80e2bb;font:18px var(--mono)}.form-error{font-size:11px;color:#ff9baa;min-height:18px;margin:8px 0}.payment-state{text-align:center;padding:8px 0 18px;color:#80addf}.payment-state svg{width:48px;height:48px;margin-bottom:17px}.payment-state strong{display:block;color:#e1edff;font-size:17px;margin-bottom:7px}.payment-state span{font-size:11px;color:#7f9cbd}.receipt-paper{background:#f7f7f3;color:#27344b;padding:26px 23px;border-radius:5px;font:11px var(--mono);line-height:1.7}.receipt-paper h3{text-align:center;font-size:17px;letter-spacing:1px}.receipt-paper .receipt-sub{text-align:center;font-size:9px;color:#6f7a8b;margin:3px 0 15px}.receipt-paper .receipt-row{display:flex;justify-content:space-between;gap:15px}.receipt-paper hr{border:0;border-top:1px dashed #bec7d1;margin:12px 0}.receipt-paper .receipt-total{font-size:16px;font-weight:700}.receipt-paper .receipt-foot{text-align:center;font-size:9px;color:#7c8797;line-height:1.6;margin-top:17px}.receipt-check{display:flex;align-items:center;gap:8px;color:#78dcb4;font-size:12px;font-weight:600;margin-bottom:17px}.receipt-check svg{height:17px;width:17px}.journal-list{display:flex;flex-direction:column;gap:7px;max-height:430px;overflow:auto}.journal-item{background:#192d48;border:1px solid #2b4361;border-radius:6px;padding:13px;text-align:left;display:flex;align-items:center;gap:10px;width:100%}.journal-item .journal-text{flex:1}.journal-text strong{display:block;font-size:11px;margin-bottom:5px}.journal-text small{display:block;color:#7894b7;font-size:9px}.journal-item .journal-price{font:14px var(--mono);color:#c7ddf8}.journal-price.negative{color:#8de1bf}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.report-stat{border:1px solid #2d4767;background:#192f4b;padding:17px;border-radius:7px}.report-stat span{display:block;font-size:10px;color:#8ba9cf}.report-stat strong{display:block;font:24px var(--mono);color:#dbeaff;margin-top:10px}.report-table{width:100%;border-collapse:collapse;font-size:11px}.report-table td{padding:10px 0;border-bottom:1px solid #2b3e59;color:#93aed0}.report-table td:last-child{text-align:right;font-family:var(--mono);color:#d4e4fa}.scenario-list{display:flex;flex-direction:column;gap:8px}.scenario-button{background:#1b304c;border:1px solid #304a6e;border-radius:7px;text-align:left;padding:15px;color:#c8ddf8;display:flex;gap:11px;align-items:center}.scenario-button svg{height:20px;width:20px;color:#81ace2;flex-shrink:0}.scenario-button strong{display:block;font-size:12px}.scenario-button small{display:block;font-size:10px;color:#809dbc;margin-top:5px}.scenario-button.danger{background:#352734;border-color:#67404d}.shortcut-row{display:flex;justify-content:space-between;border-bottom:1px solid #263b57;padding:10px 0;color:#9db5d5;font-size:11px}.shortcut-row kbd{color:#d3e6ff;font-size:10px}.modal-actions{display:flex;gap:9px}.modal-actions>*{flex:1}.refund-note{background:#153a34;color:#96dfc8;padding:13px;border:1px solid #2f6558;border-radius:6px;font-size:11px;line-height:1.6;margin-bottom:16px}.confirm-copy{color:#adc4e1;font-size:13px;line-height:1.8;margin-bottom:15px}.blink-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6ee2bc;margin-right:6px;animation:blink 1.5s ease-in-out infinite}@keyframes blink{50%{opacity:.3}}@media(min-width:1450px){.topbar{height:83px}.forecourt{padding:22px 30px 25px}.pump-tile{min-height:137px;padding:14px 15px}.pump-number{font-size:28px}.pump-amount{font-size:23px}.pump-state{font-size:10px}.main-workspace{grid-template-columns:minmax(320px,1fr) minmax(330px,1.1fr) minmax(360px,1fr);min-height:560px}.product-button{min-height:119px}.product-name{font-size:12px}.product-price{font-size:11px}.fuel-panel,.catalog-panel{padding:25px 28px}.keypad button{height:45px}.sale-lines{max-height:calc(100dvh - 590px)}.amount-box{height:71px}}@media(max-width:1120px){.topbar{padding:0 17px;gap:18px}.station{padding-left:17px}.top-actions{gap:12px}.forecourt{padding:16px 18px 20px}.pump-grid{gap:7px}.pump-tile{padding:10px 8px;min-height:112px}.pump-number{font-size:22px}.pump-state{font-size:8px;letter-spacing:.3px}.pump-amount{font-size:16px}.pump-detail{font-size:8px}.main-workspace{grid-template-columns:minmax(260px,.95fr) minmax(230px,.85fr) minmax(310px,1.1fr)}.catalog-panel,.fuel-panel{padding:20px 15px}.product-grid{gap:6px}.product-button{padding:12px 7px;min-height:99px}.product-name{font-size:9px}.selected-pump-heading .small-label{display:none}.heading-note{font-size:10px}.workspace-toolbar{padding:0 18px}.sale-lines{padding:10px 17px}.sale-heading{padding:21px 18px 18px}}@media(max-width:900px){.station{display:none}.training-pill{font-size:8px}.topbar{height:65px}.brand{font-size:23px}.brand-mark{height:36px;width:35px;line-height:31px;font-size:27px}.pump-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pump-tile{min-height:91px;padding:9px 11px}.pump-top{margin-bottom:6px}.pump-state{font-size:9px}.pump-amount{font-size:17px;margin-top:4px}.pump-detail{position:absolute;right:10px;bottom:12px;font-size:8px;max-width:53%;text-overflow:ellipsis;overflow:hidden}.pump-number{font-size:21px}.pump-top svg{width:17px;height:17px}.selected-mark{top:33px;right:10px;font-size:7px}.section-heading{margin-bottom:12px}.forecourt{padding:13px 17px 16px}.main-workspace{grid-template-columns:minmax(270px,1fr) minmax(310px,1fr);min-height:530px}.catalog-panel{grid-column:1/-1;grid-row:2;padding:20px 22px}.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.catalog-bottom{padding-top:15px;display:flex;align-items:center;gap:25px}.note-card{border:0;padding:5px;flex:1}.drawer-button{width:190px}.category-tabs{max-width:380px}.catalog-panel .panel-heading{margin-bottom:12px}.product-button{min-height:94px}.product-name{font-size:11px}.sale-lines{max-height:none;min-height:190px}.fuel-panel{padding:21px}.sale-panel{grid-column:1}.sale-heading{padding-top:22px}.workspace-toolbar{height:48px}.ticket-id{display:none}.toolbar-buttons{gap:13px}.toolbar-buttons kbd{display:none}.heading-note{display:none}.statusbar{padding:11px 17px}}@media(max-width:600px){.topbar{height:59px;padding:0 13px}.brand{font-size:21px;gap:8px}.brand small{font-size:6px;letter-spacing:1.3px;margin-top:3px}.brand-mark{width:31px;height:32px;font-size:25px;line-height:28px;border-radius:7px}.top-actions{gap:9px}.clock,.cashier,.icon-button{display:none}.training-pill{padding:5px 6px;letter-spacing:.5px;font-size:7px}.forecourt{padding:11px 11px 13px}.section-heading{margin-bottom:10px}.section-heading h1{font-size:9px}.pump-legend{gap:9px!important;font-size:7px}.pump-legend .legend-dot{width:4px;height:4px}.pump-grid{gap:6px}.pump-tile{min-height:91px;padding:8px 7px;border-radius:6px}.pump-number{font-size:20px}.pump-top svg{height:15px;width:15px}.pump-state{font-size:7px;letter-spacing:0}.pump-amount{font-size:14px;margin-top:6px}.pump-detail{position:static;max-width:100%;font-size:7px;margin-top:5px}.selected-mark{display:none}.workspace-toolbar{padding:0 12px;height:42px}.workspace-title{font-size:8px;letter-spacing:.4px}.toolbar-buttons{gap:13px}.toolbar-buttons button{font-size:0;gap:0}.toolbar-buttons button svg{width:17px;height:17px}.main-workspace{grid-template-columns:1fr;min-height:0}.fuel-panel{grid-row:1;grid-column:1;padding:19px 18px 21px}.sale-panel{grid-row:2;grid-column:1}.catalog-panel{grid-row:3;grid-column:1;padding:21px 18px}.selected-pump-heading .small-label{display:block}.selected-pump-heading{margin-bottom:18px}.fuel-mode-tabs{margin-bottom:17px}.fuel-mode-tabs button{padding-bottom:12px}.grade-button{padding:11px 3px}.grade-button strong{font-size:11px}.grade-button small{font-size:10px}.keypad button{height:43px}.amount-box{height:68px}.preset-buttons button{height:37px}.primary-button{height:48px}.fuel-hint{font-size:10px}.sale-lines{min-height:140px;max-height:300px}.sale-heading{padding:20px}.empty-sale{min-height:145px}.sale-total{padding:16px 22px}.tender-buttons{padding:15px 20px}.tender-buttons button{height:51px}.tender-buttons kbd{display:none}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.product-button{min-height:105px;padding:14px 10px}.product-name{font-size:11px}.product-price{font-size:11px}.catalog-bottom{flex-direction:column;gap:10px;align-items:stretch}.drawer-button{width:100%}.note-card{padding:10px 0}.note-card strong{font-size:11px}.note-card p{font-size:11px}.statusbar{font-size:7px;letter-spacing:0;gap:6px;padding:11px}.statusbar>div{gap:3px}.statusbar .status-separator{margin:0 3px}#storage-status{display:none}.statusbar button{font-size:8px}.version{font-size:8px;margin-left:5px}.modal-body{padding:20px}.modal-heading{padding:18px 20px}.receipt-paper{padding:23px 17px}.report-stat strong{font-size:21px}.toast{bottom:18px;font-size:11px;min-width:250px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Keep the forecourt visible even while collecting payment. */
:root{--modal-top:280px}
dialog{position:fixed;inset:var(--modal-top) 0 auto;margin:0 auto;max-height:calc(100dvh - var(--modal-top) - 14px)}
dialog::backdrop{background:linear-gradient(180deg,#03091418 0,#03091418 var(--modal-top),#030914bd var(--modal-top));backdrop-filter:none}
.offline-symbol svg{width:46px;height:46px}
@media(min-width:901px) and (max-height:850px){
 .topbar{height:60px}.forecourt{padding:12px 20px 15px}.section-heading{margin-bottom:11px}.pump-tile{min-height:98px;padding:9px 11px}.pump-top{margin-bottom:7px}.pump-number{font-size:22px}.pump-amount{font-size:18px;margin-top:4px}.pump-detail{margin-top:4px}.workspace-toolbar{height:42px}.main-workspace{min-height:0}.fuel-panel,.catalog-panel{padding:15px 20px}.selected-pump-heading{margin-bottom:11px}.fuel-mode-tabs{margin-bottom:12px}.fuel-mode-tabs button{padding-bottom:8px}.field-label{margin-bottom:7px}.grade-buttons{margin-bottom:12px}.grade-button{padding:7px 3px}.amount-box{height:51px}.amount-box input{font-size:29px}.preset-buttons{margin:8px 0 10px}.preset-buttons button{height:29px}.keypad{gap:5px}.keypad button{height:29px;font-size:17px}.primary-button{min-height:40px;margin-top:10px}.fuel-hint{display:none}.sale-heading{padding:16px 21px}.sale-lines{min-height:135px;max-height:calc(100dvh - 508px)}.empty-sale{min-height:135px}.sale-total{padding:12px 22px}.sale-total>strong{font-size:34px}.tender-buttons{padding:12px 19px 10px}.tender-buttons button{height:45px}.product-button{min-height:86px;padding:11px 8px 9px}.product-button .product-icon{margin-bottom:9px}.panel-heading{margin-bottom:13px}.category-tabs{margin-bottom:13px}.catalog-bottom{padding-top:16px}.note-card{padding:15px 0 12px}.statusbar{min-height:31px;padding:8px 23px}.selected-mark{top:34px}
}

.clear-amount{background:transparent;color:#88b9ff;padding:0;font-size:9px;text-decoration:underline;text-underline-offset:2px}

/* PetroCore's own cashier-terminal identity: steel housing, paper ticket, LCD fuel display. */
:root{--bg:#202b31;--panel:#dce3e6;--line:#9aaab1;--text:#e8f1f1;--muted:#839b9e;--blue:#00a0a6;--green:#63efbd;--amber:#f4df63;font-family:Arial,Helvetica,sans-serif}
body{background:#202b31}.terminal{border-left:1px solid #66777e;border-right:1px solid #66777e;box-shadow:0 0 45px #0005}
.terminal button,.terminal input,.terminal .category-tabs,.terminal .amount-box,.terminal .status-display,.terminal .pump-message,.terminal .refund-note{border-radius:2px}
.terminal button:hover:not(:disabled){filter:brightness(1.06)}.topbar{height:69px;background:#183039;border-bottom:3px solid #00b3ac;padding:0 21px;gap:30px}
.brand{font-size:25px;letter-spacing:1.6px;font-weight:900;gap:11px}.brand-blue{color:#59d5ce}.brand-mark{width:39px;height:38px;border:0;border-radius:0;background:#58d7cf;line-height:38px;letter-spacing:-2px;color:#153840;font-size:28px;text-align:left;padding:0 0 0 5px;position:relative}
.brand-mark span{position:absolute;right:3px;bottom:-5px;font-size:13px;left:auto;color:#153840;letter-spacing:0;font-weight:800}.brand small{color:#9cbabf;letter-spacing:2px;font-size:7.7px;font-weight:500;margin-top:5px}
.station{border-left:1px solid #547179;padding-left:27px}.station-name{font-size:13px;color:#edf5f5;font-weight:750;letter-spacing:1.2px}.station-meta{font:9px var(--mono);color:#95b7bd;letter-spacing:.3px}.top-actions{gap:17px}.training-pill{background:#213e46;border:1px solid #65868a;border-radius:1px;color:#b9d5d5;font:9px var(--mono);padding:7px 9px;letter-spacing:0}.training-pill i{background:#d6e6a1;border-radius:0;width:5px;height:5px}.icon-button{border-radius:1px!important;color:#adc5ca;border-color:#57737a}.clock{font:14px var(--mono);color:#c2dcdf}.cashier{height:37px;width:42px;border-radius:1px;border:1px solid #5c7c81;background:#2b4951;display:flex;flex-direction:column;font:14px var(--mono);justify-content:center;color:#e2f3f5}.cashier small{font:7px var(--mono);color:#97b5bb;line-height:1.5}
.forecourt{background:#bac7cc;padding:10px 17px 14px;border-bottom:3px solid #63757c;box-shadow:0 2px 4px #00151b55}.section-heading{margin-bottom:10px}.section-heading h1{color:#284047;font-size:10px;letter-spacing:1.1px;font-weight:800}.live-dot{background:#157b75;box-shadow:none;border-radius:0;width:7px;height:7px}.heading-note{font:9px var(--mono);color:#5d747b;letter-spacing:.5px}.pump-legend{color:#526c73;font:8px var(--mono);gap:17px!important}.legend-dot{border-radius:0;background:#55666c;width:6px;height:6px}.legend-dot.fueling{background:#008d68}.legend-dot.attention{background:#a59622}
.pump-grid{gap:7px}.pump-tile{min-height:112px;padding:9px 11px 10px;border-radius:2px;border:1px solid #52656d;background:#23353c;box-shadow:inset 0 4px #71878b,0 2px 0 #8f9ea4;color:#adc0c5}.pump-top{margin-bottom:8px}.pump-number{font:700 27px var(--mono);color:#dce8e9;letter-spacing:-1.5px}.pump-tile svg{width:20px;height:20px;color:#8aa4a9;opacity:1}.pump-state{font:700 9px var(--mono);letter-spacing:.4px}.pump-amount{font:700 22px var(--mono);color:#c7dbdf;margin-top:4px;letter-spacing:-.5px}.pump-detail{font:8px var(--mono);color:#7f9ba1;margin-top:5px}.pump-tile.selected{background:#163e49;outline:2px solid #007780;outline-offset:1px;border-color:#ebffff;box-shadow:inset 0 4px #7ce6e0,0 2px 0 #8f9ea4}.pump-tile.selected .pump-number{color:#dcfffc}.selected-mark{color:#79d8d3;font:7px var(--mono);top:37px;right:9px;letter-spacing:.5px}
.pump-tile.fueling{background:#073e35;border-color:#1a7661;color:#8df1cf;box-shadow:inset 0 4px #48dca8,0 2px 0 #8f9ea4}.pump-tile.fueling .pump-amount,.pump-tile.fueling .pump-number{color:#8df1cf}.pump-tile.fueling.selected{outline-color:#08755e}.pump-tile.calling,.pump-tile.due,.pump-tile.refund{background:#393a25;border-color:#7b7b43;color:#eee38c;box-shadow:inset 0 4px #d9d55e,0 2px 0 #8f9ea4}.pump-tile.calling .pump-number,.pump-tile.due .pump-number,.pump-tile.refund .pump-number{color:#eee7b1}.pump-tile.calling .pump-detail,.pump-tile.due .pump-detail,.pump-tile.refund .pump-detail{color:#c3c58d}.pump-tile.calling .pump-amount{font-size:17px;line-height:26px}.pump-tile.prepaid{background:#183f50;border-color:#508193;color:#92d9e6;box-shadow:inset 0 4px #69bfd0,0 2px 0 #8f9ea4}.pump-tile.offline{background:#353c40;border-color:#6f7980;color:#8d9ba1;box-shadow:inset 0 4px #ae6971,0 2px 0 #8f9ea4}.pump-tile.offline .pump-number{color:#8b9b9f}.pump-tile.complete{background:#244239;border-color:#537668;color:#9fe1bd;box-shadow:inset 0 4px #78bd98,0 2px 0 #8f9ea4}.pump-progress{height:4px;background:#51e6b1}.blink-dot{border-radius:0;width:5px;height:5px;background:#8df1cf;margin-right:5px}
.workspace-toolbar{height:43px;padding:0 18px;background:#344951;border-top:1px solid #d6e4e4;border-bottom:1px solid #1b3038}.workspace-title{color:#d1e2e5;letter-spacing:1px;font:700 10px var(--mono)}.register-dot{background:#7be3d4;border-radius:0;width:6px;height:6px}.ticket-id{color:#a1c1c7;font:10px var(--mono)}.toolbar-buttons{gap:0;height:100%;border-left:1px solid #5b737b}.toolbar-buttons button{font:11px Arial,sans-serif;color:#d4e3e5;height:100%;padding:0 15px;border-right:1px solid #5b737b;background:#3c535d}.toolbar-buttons svg{color:#9abac2;width:15px;height:15px}.toolbar-buttons kbd{border:0;padding:0;margin-left:9px;color:#b1c6ce}
.main-workspace{grid-template-columns:minmax(245px,.76fr) minmax(325px,1.12fr) minmax(350px,1.08fr);background:#cbd5d9;min-height:480px;border-bottom:2px solid #81949e}
.catalog-panel{grid-column:1;grid-row:1;background:#c3cfd5;border:0;border-right:2px solid #83969f;padding:16px 14px 14px}.sale-panel{grid-column:2;grid-row:1;background:#fff;color:#273c43;border-left:1px solid #ecf3f5;border-right:2px solid #879aa2}.fuel-panel{grid-column:3;grid-row:1;background:#d9e1e4;color:#203c44;padding:16px 18px 14px;border-left:1px solid #f0f7f8}
.panel-heading{margin-bottom:13px;align-items:center}.panel-heading h2{font:700 11px var(--mono);color:#344e59;letter-spacing:.5px}.small-label{color:#728b95;font:8px var(--mono);letter-spacing:.5px}.category-tabs{padding:0;background:#92a5af;border:1px solid #81949e;gap:1px;margin-bottom:13px;box-shadow:0 1px 0 #eff5f6}.category-tabs button{font-size:10px;font-weight:700;background:#dce5e9;color:#526c78;padding:9px 0;border-bottom:2px solid #a1b3bb}.category-tabs button.active{background:#285b69;color:#e8fcff;border-bottom-color:#103b48;box-shadow:none}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.product-button{min-height:74px;position:relative;padding:12px 10px 10px;background:#c4deea;border:1px solid #8ca8b5;border-top-color:#f5ffff;border-left-color:#e5f7ff;box-shadow:0 2px 0 #8298a3;color:#1c4155}.product-button .product-icon{position:absolute;right:10px;top:10px;color:#61899b;margin:0;opacity:.7}.product-icon svg{width:20px;height:20px}.product-name{font-size:12px;font-weight:750;line-height:1.25;padding-top:15px}.product-price{font:11px var(--mono);font-weight:600;color:#617f8d;margin-top:6px}.product-button.snack{background:#d6cde0;border-color:#b0a0bb;border-top-color:#f6efff;border-left-color:#f1e8f9;color:#51425d}.product-button.snack .product-icon{color:#86718f}.product-button.snack .product-price{color:#8b7994}.product-button.coffee{background:#dfd5c6;border-color:#b0a38c;border-top-color:#fff9eb;border-left-color:#fcf2e0;color:#5f5140}.product-button.coffee .product-icon{color:#8b7b62}.product-button.coffee .product-price{color:#8b7b62}.product-button.fountain{background:#c6dfd8;border-color:#8eb2a7;border-top-color:#eefff7;border-left-color:#e2f7ef;color:#2e5b4f}.product-button.fountain .product-icon{color:#749d8d}.product-button.fountain .product-price{color:#6b8e80}.product-button.store{background:#ced7e3;border-color:#a0adc3;border-top-color:#f2f6ff;border-left-color:#edf2ff;color:#3d526c}.product-button.store .product-icon{color:#7c8da5}.product-button.store .product-price{color:#7c8da5}
.catalog-bottom{padding-top:16px;margin-top:auto;display:flex;flex-direction:column;gap:8px}.drawer-button{height:39px;border:1px solid #879ba5;border-top-color:#f1f6f9;border-left-color:#e7eff4;background:#e1e8ed;color:#385b69;justify-content:flex-start;padding:0 11px;gap:9px;font-size:10px;font-weight:700;box-shadow:0 2px #9cafb8}.drawer-button svg{width:16px;height:16px}.drawer-button .subtle{margin-left:auto;color:#8298a2;font:8px var(--mono)}
.sale-heading{padding:16px 19px 14px;border-bottom:0;background:#f8fafb}.sale-heading h2{font:700 13px var(--mono);letter-spacing:1.2px;color:#193e4b}.sale-heading>div>span{font:10px var(--mono);color:#84969e;margin-top:6px}.light-icon-button{display:flex;align-items:center;gap:5px;color:#8e6970;border:1px solid #d0d4d8!important;background:#fff!important;height:28px;padding:0 7px;font:9px var(--mono)}.light-icon-button svg{width:12px;height:12px}.ticket-columns{display:flex;align-items:center;justify-content:space-between;background:#e4ecef;border-top:1px solid #c9d6db;border-bottom:1px solid #c9d6db;padding:9px 19px;color:#738b96;font:9px var(--mono);letter-spacing:.6px}.sale-lines{padding:0 18px;max-height:calc(100dvh - 560px);min-height:160px;background:repeating-linear-gradient(180deg,#fff 0,#fff 33px,#f9fbfc 33px,#f9fbfc 66px)}.empty-sale{min-height:180px;gap:0;color:#9aafb7;justify-content:center}.receipt-ready{font:9px var(--mono);color:#9aaeb6;margin-bottom:15px;letter-spacing:1px}.empty-sale strong{font:700 12px var(--mono);letter-spacing:.5px;color:#74929c}.empty-sale p{font:11px var(--mono);line-height:1.8;color:#9aafb7;margin-top:9px;max-width:280px}.receipt-dashes{font:10px var(--mono);color:#b5c3c8;letter-spacing:.5px;margin-top:15px}.sale-line{padding:13px 0;border-bottom:1px dashed #cad7dc;gap:9px}.line-icon{background:#e0edf0;color:#4c7884;border:1px solid #c2d6dd;border-radius:1px;width:24px;height:25px;font:12px var(--mono)}.line-icon svg{height:15px;width:15px}.line-copy strong{font:700 12px var(--mono);color:#294852}.line-copy small{font:9px var(--mono);color:#8ba0a9;margin-top:5px;line-height:1.5}.line-money{font:700 14px var(--mono);color:#183e4b}.remove-line{font-size:17px;color:#a2b4bb;width:18px}.sale-summary{background:#f5f8fa;border-top:1px dashed #bdcdd5;padding:14px 19px;color:#7a929f;font:10px var(--mono);gap:10px}.sale-summary strong{color:#496674;font-size:12px}.sale-total{padding:13px 19px;background:#132e37;border-top:4px solid #459d99;color:#c4e0dd;align-items:center}.sale-total>span{color:#a1bfbd;font:11px var(--mono);letter-spacing:1.5px}.sale-total>strong{font:700 45px var(--mono);letter-spacing:-2px;color:#8bf0d5}.sale-total>strong span{font-size:33px}.tender-buttons{background:#d7e1e5;padding:12px 13px 10px;gap:8px}.tender-buttons button{height:49px;font:700 15px Arial,sans-serif;letter-spacing:1.5px;box-shadow:inset 0 1px #ffffff4a,0 2px 0 #6a8a98;border:1px solid #496d76}.tender-buttons svg{height:21px;width:21px}.tender-cash{background:#247964;color:#fff}.tender-card{background:#2b627e;color:#fff}.tender-buttons kbd{margin-left:auto;font-size:9px;opacity:.65;border:0}.tender-buttons button>svg{margin-right:auto}.sale-footnote{background:#d7e1e5;color:#80949e;font:8px var(--mono);padding-bottom:11px}
.selected-pump-heading{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #a7bbc4;align-items:center}.selected-pump-heading h2{font:700 17px var(--mono);color:#244b59;letter-spacing:0}.pump-mini-icon svg{color:#306776;width:20px;height:20px}.selected-status{background:#b5cdd2;color:#3b6772;border-radius:1px;font:8px var(--mono);padding:4px 6px}.selected-pump-heading>.small-label{font:8px var(--mono);color:#7a969e}
.fuel-mode-tabs{border:1px solid #94adb5;gap:3px;padding:3px;background:#afc2c9;margin-bottom:15px}.fuel-mode-tabs button{font-size:13px;letter-spacing:.5px;text-transform:uppercase;padding:10px 3px;background:#cedbe0;border:1px solid #e8f1f2;border-bottom:2px solid #a3b7c0;color:#557681;box-shadow:none}.fuel-mode-tabs button.active{color:#d8fffa;background:#236673;border-color:#397e89;border-bottom-color:#154851}.fuel-mode-tabs svg{height:17px;width:17px}.field-label{font:700 10px var(--mono);color:#52727d;letter-spacing:.5px;margin-bottom:7px}.field-label span{font:9px var(--mono);color:#8199a1;letter-spacing:-.2px}.clear-amount{color:#286c7a!important;font:9px var(--mono)!important}
.grade-buttons{gap:5px;margin-bottom:15px}.grade-button{background:#e8eff2;border:1px solid #a4b7c0;border-top-color:#fff;box-shadow:0 1px #99adb6;padding:9px 3px;color:#5e7986}.grade-button strong{font-size:11px;font-weight:700;text-transform:uppercase}.grade-button small{font:10px var(--mono);margin-top:6px}.grade-button.active{background:#cadde4;color:#264d5d;border:2px solid #457d90;padding:8px 2px}.grade-button.diesel.active{background:#c8ded0;color:#335b48;border-color:#54886d}
.amount-box{background:#102f36;border:1px solid #668c92;border-bottom:3px solid #73989c;height:65px;padding:8px 14px;box-shadow:inset 0 2px 6px #00131877}.amount-box>span{color:#79b6aa;font:27px var(--mono)}.amount-box input{font:700 38px var(--mono);color:#a0f4d7;letter-spacing:-1px;text-shadow:0 0 7px #50bf9b22}.amount-box input::placeholder{color:#5f8b83}.amount-box:focus-within{border-color:#358c85;box-shadow:inset 0 2px 6px #00131877,0 0 0 2px #4d9f8f55}.preset-buttons{gap:5px;margin:8px 0 11px}.preset-buttons button{height:34px;background:#b3cbd3;border:1px solid #8ca9b4;border-top-color:#e4f1f6;border-left-color:#d0e5ed;color:#31596a;box-shadow:0 1px #91aeb9;font:700 13px var(--mono)}.preset-buttons button.active{background:#2d6b79;color:#e0fffa;border-color:#285e6d;box-shadow:inset 0 2px #174752}
.keypad{gap:6px}.keypad button{background:#f1f5f6;border:1px solid #a0b0b8;border-top-color:#fff;border-left-color:#fff;border-bottom-width:3px;box-shadow:0 1px #a0b0b8;font:700 22px var(--mono);color:#344e59;height:41px;text-shadow:0 1px #fff}.keypad button.utility{background:#bacbd2;color:#466978;font:700 12px var(--mono);border-top-color:#eff6f9;border-left-color:#eff6f9}.keypad button.utility svg{height:19px;width:19px}.primary-button{border:1px solid #145d67;border-top-color:#56a3a8;border-bottom:3px solid #123d49;background:#137482;color:#e8ffff;box-shadow:none;font-size:13px;letter-spacing:.1px;min-height:47px;margin-top:12px;text-transform:uppercase}.primary-button.green{background:#247b62;border-color:#206451;border-top-color:#72b19b;border-bottom:3px solid #184d3b}.primary-button.danger{background:#9b4652;border-color:#863645;border-top-color:#c58c95;border-bottom:3px solid #6f2d3d}.primary-button.amber{background:#6e6f2d;border-color:#5d6127;border-top-color:#9c9f6b;border-bottom:3px solid #47491d}.fuel-hint{font:9px var(--mono);color:#7c969f;margin-top:10px}.fuel-hint strong{color:#4d7d80}.primary-button kbd{border-color:#9acecf55}
.status-display{background:#17383e;border:1px solid #74999e;border-top:3px solid #8aa9ad;padding:20px;color:#b6d8d4;box-shadow:inset 0 2px 5px #09202566}.status-display .eyebrow{font:10px var(--mono);color:#7cb5ad;letter-spacing:1.3px}.status-display .big-number{font:700 43px var(--mono);color:#a0efd4;letter-spacing:-1px}.status-display .big-number.green{color:#98f4cf}.status-display .big-number.amber{color:#efe79b}.fuel-stats{border-color:#33565b}.fuel-stats dt{color:#7ca8a8;font:8px var(--mono);margin-bottom:7px}.fuel-stats dd{color:#c3deda;font:12px var(--mono)}.progress-track{background:#35555a;border-radius:0;height:5px}.progress-fill{background:#75deba}.pump-message{background:#e9f0f1;border:1px solid #b1c4cb;color:#668591;font:11px var(--mono);line-height:1.8}.pump-message strong{color:#335f6e}.refund-note{background:#c5e0d4;border:1px solid #8fb6a3;color:#3d715e;font:11px var(--mono);line-height:1.8}.secondary-button{background:#d8e3e8;border:1px solid #91aab5;border-top-color:#f2fafb;border-left-color:#f2fafb;border-bottom-width:2px;border-radius:2px;color:#3e6878;font-size:11px;box-shadow:none}.postpay-icon{background:#b4cdd4;color:#356a76;border:1px solid #7eabb3;border-radius:2px}.postpay-copy{color:#6d8e98}.postpay-copy strong{color:#315b68}.offline-symbol{color:#92616d}
.statusbar{background:#263e47;color:#89a7b0;border-top:1px solid #516d77;font:8px var(--mono);min-height:34px;padding:9px 18px;letter-spacing:.1px}.connected-dot{background:#65cdb2;border-radius:0;width:5px;height:5px}.status-separator{color:#688590}.statusbar button{font:9px var(--mono);color:#9dbac0}.version{color:#6b929f;font-size:8px}.powered-by{font:7px Arial,sans-serif;letter-spacing:.6px;color:#668d9c}.powered-by strong{color:#86b4c7;font-size:8px;margin-left:1px;letter-spacing:.8px}
.toast{background:#dcf2e9;color:#285e57;border:1px solid #699c92;border-radius:2px;font:12px var(--mono);box-shadow:0 4px 18px #12333c55}
dialog{background:#dce5e9;color:#294f5b;border:2px solid #6d8a96;border-radius:2px;box-shadow:0 8px 40px #08233188}.modal-heading{background:#234e5b;border-bottom:3px solid #6cacaa;padding:16px 21px}.modal-heading h2{color:#e2f2f4;font:700 16px var(--mono);letter-spacing:-.4px}.modal-heading button{color:#a4c5cb}.modal-body{padding:21px}.modal-body p{color:#6b8792;font:11px var(--mono);line-height:1.8}.modal-body label{color:#52717d;font:11px var(--mono)}.modal-body input,.modal-body select{background:#f2f7f8;border:1px solid #8ba6b3;border-radius:1px;color:#2a5363}.modal-body input.big-input{background:#143840;color:#b1efd9;font:700 28px var(--mono);border-bottom:3px solid #789ca5}.modal-body input:focus{border-color:#32858e}.tender-total{background:#294e5d;border:1px solid #1d4657;border-bottom:3px solid #719da9;border-radius:1px;color:#99c1c7;font:11px var(--mono)}.tender-total strong{color:#c7f6e7;font-weight:700}.tender-presets button{background:#c3d9e0;border:1px solid #91acb8;border-top-color:#f2fbfd;border-bottom-width:2px;border-radius:1px;color:#375d70}.change-display{color:#6d8b96;font:12px var(--mono)}.change-display strong{color:#297159;font-weight:700}.form-error{color:#a04657;font:11px var(--mono)}.payment-state{color:#66939f}.payment-state strong{color:#3e6270}.payment-state span{color:#77939e}.receipt-check{color:#427662;font:11px var(--mono)}.receipt-paper{background:#fffef9;border:1px solid #b5c3c8;border-radius:0;color:#2e4a53}.receipt-paper .receipt-foot{color:#8c9da2}.journal-item{background:#ecf3f5;border:1px solid #b1c7d0;border-radius:1px;color:#4c7281}.journal-text strong{color:#345b6d}.journal-text small{color:#7f99a3}.journal-item .journal-price{color:#345b6d;font-weight:700}.journal-price.negative{color:#4b8e71!important}.report-stat{background:#284c59;border:1px solid #24434e;border-bottom:3px solid #739ba5;border-radius:1px}.report-stat span{color:#90bcc7;font:9px var(--mono)}.report-stat strong{color:#b4efdb;font-size:25px}.report-table td{color:#6a8995;border-bottom-color:#b6cbd4}.report-table td:last-child{color:#375d70}.scenario-button{border-radius:1px;background:#eaf2f4;border:1px solid #afc6d0;border-bottom:2px solid #99b4c1;color:#406778}.scenario-button svg{color:#5b8b9a}.scenario-button small{color:#7e98a3}.shortcut-row{color:#648491;border-color:#b7cbd4}.shortcut-row kbd{color:#356475;border-color:#91adba}.modal-actions .primary-button,.modal-actions .secondary-button{margin-top:12px}
@media(min-width:1450px){.topbar{height:76px}.forecourt{padding:13px 22px 17px}.pump-tile{min-height:123px;padding:11px 14px}.pump-number{font-size:31px}.pump-amount{font-size:25px}.main-workspace{grid-template-columns:minmax(290px,.76fr) minmax(380px,1.12fr) minmax(390px,1.08fr)}.catalog-panel{padding:20px}.fuel-panel{padding:20px 23px}.product-button{min-height:84px}.product-name{font-size:13px}.keypad button{height:45px}.sale-lines{max-height:calc(100dvh - 590px)}}
@media(min-width:901px) and (max-height:850px){.topbar{height:58px}.forecourt{padding:9px 16px 12px}.section-heading{margin-bottom:8px}.pump-tile{min-height:97px;padding:8px 9px}.pump-top{margin-bottom:6px}.pump-number{font-size:24px}.pump-amount{font-size:20px}.pump-state{font-size:8px}.pump-detail{font-size:7px;margin-top:4px}.workspace-toolbar{height:37px}.catalog-panel,.fuel-panel{padding:12px 14px}.selected-pump-heading{margin-bottom:10px;padding-bottom:8px}.fuel-mode-tabs{margin-bottom:11px}.fuel-mode-tabs button{padding:7px 3px;font-size:12px}.grade-buttons{margin-bottom:11px}.grade-button{padding:7px 3px}.grade-button.active{padding:6px 2px}.grade-button small{margin-top:4px}.amount-box{height:54px}.amount-box input{font-size:32px}.preset-buttons{margin:7px 0 10px}.preset-buttons button{height:29px}.keypad{gap:5px}.keypad button{height:31px;font-size:20px}.primary-button{min-height:42px;margin-top:10px}.fuel-hint{display:none}.product-button{min-height:65px;padding:9px 8px}.product-name{font-size:11px;padding-top:13px}.product-price{font-size:10px}.product-button .product-icon{top:7px;right:7px}.product-icon svg{height:17px;width:17px}.category-tabs{margin-bottom:11px}.category-tabs button{padding:7px 0}.panel-heading{margin-bottom:11px}.catalog-bottom{padding-top:13px;gap:7px}.drawer-button{height:35px;font-size:9px}.sale-heading{padding:13px 17px}.ticket-columns{padding:8px 17px}.sale-lines{min-height:135px;max-height:calc(100dvh - 508px)}.empty-sale{min-height:135px}.sale-total{padding:10px 17px}.sale-total>strong{font-size:39px}.tender-buttons button{height:43px}.sale-summary{padding:12px 17px}.statusbar{min-height:30px;padding:8px 16px}}
@media(max-width:1120px) and (min-width:901px){.main-workspace{grid-template-columns:minmax(215px,.72fr) minmax(280px,1.03fr) minmax(305px,1.08fr)}.catalog-panel{padding:14px 11px}.fuel-panel{padding:14px}.product-name{font-size:11px}.topbar{gap:20px}.station{padding-left:20px}.brand{font-size:23px}.brand small{font-size:7px;letter-spacing:1.5px}.pump-tile{padding:9px 8px}.pump-number{font-size:24px}.pump-amount{font-size:18px}.pump-state{font-size:8px;letter-spacing:0}.pump-tile.calling .pump-amount{font-size:12px}.pump-detail{font-size:7px}.heading-note{font-size:8px}.selected-mark{font-size:6px}.sale-total>strong{font-size:37px}.sale-total>strong span{font-size:29px}.panel-heading .small-label{display:none}.powered-by{display:none}}
@media(max-width:900px){.topbar{height:62px;padding:0 15px}.station{display:none}.brand{font-size:24px}.brand-mark{height:36px;width:36px;line-height:36px;font-size:27px}.training-pill{font-size:8px}.forecourt{padding:10px 13px 13px}.pump-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pump-tile{min-height:90px;padding:9px 11px}.pump-number{font-size:23px}.pump-top{margin-bottom:6px}.pump-state{font-size:9px}.pump-amount{font-size:19px}.pump-detail{position:absolute;right:10px;bottom:10px;font-size:8px;max-width:52%}.selected-mark{top:33px;right:10px;font-size:6px}.pump-tile.calling .pump-amount{font-size:15px}.main-workspace{grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);min-height:0}.sale-panel{grid-column:1;grid-row:1}.fuel-panel{grid-column:2;grid-row:1;padding:17px 19px}.catalog-panel{grid-column:1/-1;grid-row:2;padding:19px;border-top:2px solid #879fa8;border-right:0}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.product-button{min-height:76px}.catalog-bottom{flex-direction:row;padding-top:17px;gap:10px}.drawer-button{width:auto;flex:1;max-width:300px}.sale-lines{max-height:none;min-height:200px}.workspace-toolbar{height:42px;padding:0 14px}.toolbar-buttons button{padding:0 12px;font-size:10px}.toolbar-buttons svg{width:14px;height:14px}.workspace-title{font-size:9px;letter-spacing:0}.statusbar{padding:10px 14px}.powered-by{display:none}.selected-pump-heading>.small-label{display:none}}
@media(max-width:600px){.topbar{height:55px;padding:0 11px;gap:10px}.brand{font-size:19px;gap:8px;letter-spacing:1px}.brand-mark{height:31px;width:31px;line-height:31px;font-size:24px}.brand-mark span{font-size:11px;bottom:-4px}.brand small{font-size:6px;letter-spacing:1.3px}.top-actions{gap:8px}.training-pill{font-size:6px;padding:5px;letter-spacing:0}.training-pill i{width:4px;height:4px}.cashier{display:none}.forecourt{padding:9px 9px 11px}.section-heading h1{font-size:9px}.section-heading{margin-bottom:8px}.pump-legend{font-size:6px;gap:8px!important}.pump-legend .legend-dot{height:4px;width:4px}.pump-grid{gap:5px}.pump-tile{min-height:89px;padding:8px 6px}.pump-number{font-size:21px}.pump-state{font-size:6.5px;letter-spacing:0}.pump-amount{font-size:14px;margin-top:5px}.pump-top svg{width:15px;height:15px}.pump-tile.calling .pump-amount{font-size:10px;line-height:16px}.pump-detail{position:static;font-size:6.5px;max-width:100%;margin-top:5px}.selected-mark{display:none}.workspace-toolbar{height:38px;padding:0 11px}.workspace-title{font-size:8px}.toolbar-buttons button{font-size:0;padding:0 11px}.toolbar-buttons svg{height:16px;width:16px}.main-workspace{grid-template-columns:1fr}.sale-panel{grid-column:1;grid-row:2;border-left:0;border-right:0}.fuel-panel{grid-column:1;grid-row:1;padding:16px 17px 19px;border:0;border-bottom:3px solid #8ba2ac}.catalog-panel{grid-column:1;grid-row:3;padding:19px 17px}.selected-pump-heading>.small-label{display:block}.selected-pump-heading{margin-bottom:14px}.fuel-hint{font-size:8px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-button{min-height:77px}.product-name{font-size:13px}.product-price{font-size:11px}.keypad button{height:44px}.sale-lines{min-height:165px;max-height:280px}.empty-sale{min-height:165px}.sale-total>strong{font-size:43px}.tender-buttons{padding:13px 16px}.tender-buttons button{height:50px;justify-content:center;gap:12px}.tender-buttons button>svg{margin-right:0}.sale-heading{padding:17px}.ticket-columns{padding:9px 17px}.catalog-bottom{flex-direction:column;gap:9px}.drawer-button{max-width:none;width:100%;flex:auto}.statusbar{padding:10px;font-size:7px}.statusbar button{font-size:8px}.statusbar>div{gap:3px}.modal-body{padding:17px}.modal-heading{padding:14px 17px}.modal-heading h2{font-size:14px}.receipt-paper{padding:22px 15px}.tender-total strong{font-size:27px}.report-stat strong{font-size:21px}.toast{font-size:10px}.receipt-ready{font-size:8px}}
.pump-tile.pending{background:#254854;border-color:#547d8c;box-shadow:inset 0 4px #8bbfcc,0 2px 0 #8f9ea4;color:#c5e1e8}.pump-tile.pending .pump-detail{color:#91b2bd}
/* Shared brand attribution remains visible at every screen size. */
.statusbar{padding-top:5px;padding-bottom:5px;min-height:37px}
.powered-by{display:flex!important;align-items:center;justify-content:center;flex-shrink:0}
.powered-by img{display:block;width:156px;height:26px}
@media(max-width:600px){.statusbar{flex-wrap:wrap;padding:9px 11px;row-gap:8px}.statusbar>div:first-child{flex:1}.powered-by{order:3;flex:0 0 100%;border-top:1px solid #4b6570;padding-top:7px}.powered-by img{width:156px;height:26px}}
.pump-top .dispenser-icon{width:28px;height:28px;flex-shrink:0;color:inherit;opacity:.88}
.pump-mini-icon .dispenser-icon{width:24px;height:24px}
.line-icon .dispenser-icon{width:18px;height:18px}
@media(max-width:600px){.pump-top .dispenser-icon{width:22px;height:22px}}