/* v1.8 master interface: no replacement logo or fabricated station photography. */
:root{--action:#08784f;--focus-ring:#14a873;--radius-sm:14px}
body{line-height:1.5}button,input,select,textarea{font:inherit}input,select,textarea{max-width:100%}
.btn-primary{background:var(--action);color:var(--button-text);font-weight:700}
.btn{min-height:42px;font-weight:700}.btn-sm{min-height:36px}.btn:disabled{opacity:.6;cursor:wait;transform:none}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.page-head h1,.command-content h1{font-weight:750;letter-spacing:-.035em}
h1,h2,h3{line-height:1.22}p{overflow-wrap:anywhere}h3{font-weight:700}
.form-error{color:var(--red);font-weight:600;white-space:pre-wrap}.form-error:empty{display:none}
.field input,.field select,.field textarea,.billing-toolbar input,.history-filters input,.history-filters select{background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:11px 12px;min-height:44px;width:100%}
.field label{color:var(--text);font-weight:600}.field textarea{resize:vertical}
.theme-toggle{min-width:50px;font:600 12px var(--font-family);height:38px;border-radius:12px}
.pilot-notice{background:var(--panel-soft);border-bottom:1px solid var(--line);padding:10px 26px;font-size:11px;letter-spacing:.05em;font-weight:700;color:var(--text)}
.pilot-notice span{font-weight:400;letter-spacing:normal;color:var(--muted);margin-left:12px}
.v18-banner .eyebrow{color:#9ee6c6!important}.v18-banner h2,.v18-banner p{color:#fff!important}
.account-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
.account-shortcuts button{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--heading);padding:18px;text-align:left;font-weight:700;cursor:pointer}
.account-shortcuts button span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}
.account-shortcuts button:hover{border-color:var(--green);transform:translateY(-2px)}
.fleet-card h3{font-size:22px;margin:8px 0}.fleet-amount{font-size:32px;font-weight:750;letter-spacing:-.03em;line-height:1.2;margin:20px 0 12px;color:var(--heading)}
.fleet-amount span{display:block;font-weight:400;font-size:13px;color:var(--muted);letter-spacing:normal;margin-top:4px}
.budget-track{height:7px;border-radius:7px;background:var(--panel-2);overflow:hidden}.budget-track span{height:100%;display:block;border-radius:7px;background:var(--green);transition:width .35s ease}
.split-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;margin:8px 0 18px}
.billing-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.billing-toolbar input{max-width:180px}
.checkbox-row{display:flex;align-items:center;gap:10px;margin:8px 0;padding:10px;background:var(--panel-soft);border:1px solid var(--line);border-radius:10px}.checkbox-row input{width:20px;min-height:20px}
.v18-empty{padding:42px 24px;text-align:center}.v18-empty p{max-width:520px;margin:10px auto 22px;color:var(--muted)}
.empty-symbol{height:52px;width:52px;display:grid;place-items:center;background:var(--panel-2);border-radius:16px;color:var(--green2);font-size:24px;font-weight:700;margin:0 auto 16px}
.history-kpis strong{display:block;font-size:29px;color:var(--heading);margin-top:6px;letter-spacing:-.03em}.history-kpis small{font-size:14px}
.history-filters{display:flex;gap:12px;margin-top:24px}.history-filters select{max-width:220px}
.history-card{display:flex;align-items:center;gap:18px;margin-bottom:12px;padding:20px}.history-mark{width:54px;height:54px;flex-shrink:0;display:grid;place-items:center;border-radius:16px;background:var(--panel-2);color:var(--green2);font-weight:750;font-size:16px}
.history-info{flex:1;min-width:0}.history-info h3{margin:6px 0!important;font-size:18px}.history-info p{margin:4px 0;font-size:12px}.receipt-reference{color:var(--muted);font:11px ui-monospace,monospace;overflow-wrap:anywhere}
.history-value{display:flex;align-items:flex-end;flex-direction:column;gap:5px}.history-value strong{font-size:21px;color:var(--heading)}.history-value>span:not(.status){font-size:12px;color:var(--muted)}
.notification-card{display:flex;gap:18px;margin-bottom:12px}.notification-card.unread{border-left:4px solid var(--green)}.notification-icon{width:48px;height:48px;flex-shrink:0;border-radius:14px;background:var(--panel-2);display:grid;place-items:center;color:var(--green2);font-size:12px;font-weight:700}
.notification-card h3{margin:6px 0}.notification-card p{margin:8px 0;font-size:14px}.notification-card .muted{font-size:12px}
#unreadCount:not(:empty){display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:20px;background:#9ee6c6;color:#0a2940;margin-left:5px;font-size:11px}
.nfc-visual{background:linear-gradient(120deg,#0a2940,#145238);padding:20px;border-radius:18px;min-height:170px;position:relative;overflow:hidden;color:white;margin-bottom:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}
.nfc-visual:after{content:'';position:absolute;width:160px;height:160px;right:-80px;top:38px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 22px rgba(255,255,255,.035),0 0 0 44px rgba(255,255,255,.025)}
.nfc-visual img{width:112px;height:44px;background:white;padding:5px;object-fit:contain;border-radius:9px;z-index:1}.nfc-visual>span{position:absolute;right:20px;top:23px;font-size:10px;letter-spacing:.1em;color:#c8f3dd}.nfc-visual strong{font:600 17px ui-monospace,monospace;letter-spacing:.08em;z-index:1}
.card-history{margin-top:18px;border-top:1px solid var(--line);padding-top:12px;font-size:12px}.card-history summary{cursor:pointer;color:var(--text);font-weight:650}
.announcement-banner{padding:17px 20px;border-radius:18px;background:var(--panel);border:1px solid var(--line);display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.announcement-symbol{width:28px;height:28px;background:var(--panel-2);border-radius:50%;display:grid;place-items:center;color:var(--green2);flex-shrink:0;font-weight:750}.announcement-banner p{margin:4px 0 0;color:var(--muted);font-size:13px;white-space:pre-wrap}
.quote-price{font-size:26px;font-weight:750;color:var(--heading);white-space:nowrap}.quote-price span{display:block;font-size:12px;font-weight:400;color:var(--muted);text-align:right}.small-note{font-size:12px}
#paymentHint{font-size:12px;margin-top:8px}.quote-v18 .notice{margin-top:16px}
html[data-theme="light"]{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] .status.fleet-billed{background:#163e37;color:#a7f3d0}
.status.fleet-billed,.status.issued{background:#e4f3ed;color:#0b6846}.status.reserved{background:#fff1ce;color:#775409}
.asset-actions{flex-wrap:wrap}.command-modal{max-width:1060px}.command-modal .table-wrap{overflow-x:auto}.theme-preview .preview-panel{border-radius:var(--radius)}
@media(max-width:900px){.account-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.history-card{flex-wrap:wrap}.history-action{width:100%;display:flex;justify-content:flex-end}.history-info{min-width:160px}.history-kpis strong{font-size:23px}.quote-price{font-size:22px}}
@media(max-width:600px){.topbar{padding:0 12px}.brand .title{display:none}.top-actions>.pill{display:none}.page{padding:18px}.pilot-notice{padding:10px 18px}.pilot-notice span{display:block;margin:3px 0 0}.history-filters{flex-direction:column}.history-filters select{max-width:100%}.history-kpis{grid-template-columns:1fr!important}.history-kpis .card{display:flex;justify-content:space-between;align-items:center}.history-kpis strong{margin:0}.history-mark{display:none}.history-value strong{font-size:19px}.history-card{gap:12px}.fleet-amount{font-size:28px}.command-modal{padding:22px 16px}.billing-toolbar .btn{width:100%}.account-shortcuts button{padding:14px}.notification-card{gap:12px;padding:16px}.management-toolbar{flex-wrap:wrap}.theme-toggle{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn:hover,.account-shortcuts button:hover{transform:none!important}}

/* Receipts must remain scrollable on small screens; v1.6 used overflow:visible. */
.modal-backdrop{z-index:1000}
.receipt-sheet{overflow-y:auto;overflow-x:hidden;max-height:calc(100dvh - 32px)}
.receipt-grid strong{overflow-wrap:anywhere}
.receipt-share{padding-bottom:5px}

.command-pilot{border:1px solid var(--line);border-radius:12px;margin:0 0 18px;padding:10px 14px}

@media(max-width:600px){.history-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}.history-kpis .card{display:block;padding:12px;border-radius:14px}.history-kpis .muted{display:block;font-size:11px;min-height:34px}.history-kpis strong{font-size:18px;letter-spacing:-.025em;overflow-wrap:anywhere;margin-top:4px}.history-kpis small{font-size:10px}}

/* v1.9: dark header uses theme tokens; switch text and surfaces in the same frame. */
.command-top{background:var(--glass);color:var(--text)}
.command-title strong{color:var(--heading)}
html.theme-changing body,html.theme-changing .card,html.theme-changing .kpi,html.theme-changing .btn,html.theme-changing .field input,html.theme-changing .field select,html.theme-changing .field textarea,html.theme-changing .table-wrap,html.theme-changing .table th,html.theme-changing .command-top,html.theme-changing .modal-card,html.theme-changing .bottom-nav,html.theme-changing .search input{transition:none!important}