.reference-content { padding:22px 16px 110px;background:var(--canvas);min-height:calc(100dvh - 78px); }
.reference-content>h2 { margin-top:8px; }
.reference-content input:not([type=checkbox]),.reference-content select,.reference-content textarea { background:var(--surface);color:var(--text);border-color:var(--divider); }
.reference-preview-note { padding:10px 12px;background:var(--tint);color:var(--link);font-size:13px;line-height:1.45;border-radius:10px;margin:12px 0 22px; }
.reference-content .group-label { margin-top:28px; }
.settings-value { color:var(--secondary);font-size:14px; }
.reference-switch-row { font-size:16px;font-weight:400;justify-content:space-between; }
input.reference-switch { appearance:none;-webkit-appearance:none;display:block;position:relative;width:54px;height:32px;border-radius:18px;background:var(--surface-raised);border:1px solid var(--divider);flex-shrink:0;cursor:pointer;margin:0; }
input.reference-switch::after { content:'';position:absolute;width:26px;height:26px;left:2px;top:2px;border-radius:50%;background:var(--secondary); }
input.reference-switch:checked { background:var(--action);border-color:var(--action); }
input.reference-switch:checked::after { left:24px;background:white; }
.reference-feature-icon { color:var(--link);margin:24px 0; }
.reference-feature-icon svg { width:64px;height:64px; }
.location-banner { display:flex;align-items:center;gap:10px;padding:12px;margin:0 0 18px;background:var(--tint);color:var(--link);border-radius:16px;text-decoration:none; }
.location-banner>svg { width:32px;height:32px;flex-shrink:0; }
.location-banner>svg:last-child { width:16px;height:16px;margin-left:auto; }
.location-banner strong { font-size:14px;line-height:1.3;display:block; }
.location-banner small { color:var(--link);font-size:12px; }
.fuel-promo { position:relative;background:var(--action);color:white;border-radius:16px;margin:22px 0; }
.fuel-promo>a { display:block;padding:18px 60px 18px 16px;color:white;text-decoration:none;min-height:100px; }
.fuel-promo strong { font-size:17px;display:block;max-width:26ch;line-height:1.35; }
.fuel-promo span { font-size:12px;display:block;margin-top:8px; }
.fuel-promo>a>svg { width:30px;height:30px;position:absolute;right:18px;bottom:14px; }
.fuel-promo>button { position:absolute;right:0;top:0;width:44px;height:44px;min-height:44px;padding:12px;background:transparent;border:0;color:white; }
.fuel-promo>button svg { width:20px;height:20px; }
a.floating-action { display:grid;place-items:center;background:var(--action);color:white; }
.identity-link { color:var(--text);text-decoration:none; }
.identity-link>div { flex:1;min-width:0; }
.identity-link>svg { width:18px;height:18px;color:var(--secondary);flex-shrink:0; }
.profile-settings-link { margin-top:24px; }
.profile-version { text-align:center; }
.reference-help details { border-bottom:1px solid var(--divider);padding:10px 0; }
.reference-help summary { cursor:pointer;min-height:44px;padding:10px 0;font-weight:600; }
.reference-help p { font-size:15px;color:var(--secondary); }
.support-conversation { min-height:220px;padding:18px 0; }
.support-bubble { background:var(--surface-raised);border-radius:14px;padding:14px;max-width:85%;overflow-wrap:anywhere; }
.support-bubble.outgoing { background:var(--tint);color:var(--link);margin-left:auto; }
.payment-edit,.inspection-type-link { display:inline-flex;align-items:center;gap:6px;text-decoration:none;min-height:44px; }
.payment-edit svg,.inspection-type-link svg { width:18px;height:18px;flex-shrink:0; }
.inspection-type-link { font-size:13px;text-align:right; }
.vehicle-block .inspection-start { margin-top:20px; }
.fuel-home { background:var(--canvas);min-height:100dvh;padding-bottom:100px; }
.fuel-map-area { position:relative;height:400px; }
#fuel-map { height:100%;width:100%;background:var(--surface-raised); }
.fuel-map-top { position:absolute;left:16px;right:16px;top:18px;z-index:400; }
.fuel-tabs { display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:28px;background:var(--surface-raised);border:1px solid var(--divider);margin-bottom:22px; }
.fuel-tabs a { text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:24px;text-decoration:none;color:var(--text); }
.fuel-tabs a[aria-current] { background:var(--canvas);color:var(--link); }
.fuel-search { display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--divider);border-radius:28px;padding:4px 6px 4px 12px; }
.fuel-search>svg { width:22px;height:22px;color:var(--secondary);flex-shrink:0; }
.fuel-search input { min-width:0;border:0!important;padding:8px 0!important;background:transparent!important;color:var(--text);font-size:14px; }
.fuel-search button { white-space:nowrap;border-radius:23px;font-size:13px;padding:8px;flex-shrink:0; }
.fuel-search button svg { width:18px;height:18px; }
.fuel-map-tools { position:absolute;right:16px;bottom:24px;z-index:400;display:flex;flex-direction:column;align-items:flex-end;gap:12px; }
.fuel-map-tools button { padding:10px;background:var(--surface);color:var(--link); }
.fuel-map-tools svg { width:24px;height:24px; }
.fuel-location { display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:24px;padding:10px 14px;color:var(--text);text-decoration:none; }
.fuel-results { position:relative;z-index:401;margin-top:-12px;border-radius:24px 24px 0 0;background:var(--surface);padding:26px 16px 10px; }
.fuel-results-heading { display:flex;justify-content:space-between;align-items:center;gap:12px; }
.fuel-results h1 { font-size:19px;margin:0; }
.fuel-results-heading label { font-size:12px;color:var(--secondary);font-weight:400;gap:0; }
.fuel-results-heading select { background:transparent;color:var(--text);border:0;padding:2px 0;min-height:36px;font-size:14px; }
.fuel-results .reference-preview-note { margin:14px 0; }
.fuel-filters { display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px; }
.fuel-filters label { flex-shrink:0; }
.fuel-filters select { background:var(--tint);color:var(--link);border-color:var(--divider);font-size:13px;padding:8px;min-height:44px;border-radius:10px; }
.fuel-station { display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:var(--canvas);border:1px solid var(--divider);color:var(--text);border-radius:16px;margin:10px 0;padding:14px 12px; }
.fuel-station:hover { background:var(--tint);color:var(--text); }
.station-symbol { width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;background:var(--surface-raised);border-radius:50%;color:var(--link); }
.station-symbol svg { width:24px;height:24px; }
.fuel-station>span:nth-child(2) { flex:1;min-width:0; }
.fuel-station strong { display:block;font-size:15px; }
.fuel-station small { display:block;color:var(--secondary);font-size:11px;font-weight:400; }
.station-price { text-align:right;font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap; }
.fuel-marker span { background:#113b28;color:#b5f6ca;border:1px solid #568b67;border-radius:18px;padding:5px 10px;font:600 14px system-ui;white-space:nowrap; }
.supercard-home h1 { text-align:center;font-size:30px;line-height:1.3;margin:24px 0; }
.supercard-preview { aspect-ratio:1.6;background:#1c2540;color:white;border-radius:16px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;max-width:470px;margin:24px auto; }
.supercard-preview>strong { font-size:25px; }
.supercard-preview>span:last-child { font-size:13px;letter-spacing:.04em; }
.card-chip { width:48px;height:36px;border:1px solid #9aa5b4;border-radius:6px;background:#c5cbd4; }
.supercard-home>.primary-wide { width:100%; }
.supercard-home .settings-group { margin-top:24px; }
.reference-content .settings-row>span:first-child { flex:1; }
.reference-content .settings-row>span:last-child { overflow-wrap:anywhere; }
.reference-content .primary-wide svg { width:22px;height:22px; }
.reference-content .native-empty { min-height:45vh; }
@media(min-width:760px) { .reference-content { padding-left:24px;padding-right:24px; }.fuel-map-top { left:24px;right:24px; }.fuel-results { padding-left:24px;padding-right:24px; } }
@media(max-width:369px) { .fuel-search { gap:4px; }.fuel-search button { font-size:12px; }.station-symbol { display:none; }.inspection-type-link { font-size:12px; }.location-banner>svg:first-child { width:25px;height:25px; } }

.admin-settings-intro h2 { margin:0 0 6px;font-size:24px;letter-spacing:-.02em;line-height:1.25; }
.admin-settings-intro p { margin:0 0 28px;color:var(--secondary);font-size:15px; }
.admin-settings-list { border-radius:16px; }
.admin-setting-link>svg:first-child { color:var(--secondary); }
.admin-setting-link strong { display:block;font-size:16px;font-weight:600; }
.admin-setting-link small { margin-top:4px;color:var(--secondary);line-height:1.4; }
.admin-setting-state { display:block;margin-top:8px;font-size:12px;color:var(--link);font-weight:500; }
.admin-bol-link>svg:first-child { color:var(--link); }
.settings-preview-options { margin-top:24px;border-top:1px solid var(--divider); }
.settings-preview-options summary { display:flex;align-items:center;gap:10px;min-height:60px;padding:10px 0;cursor:pointer;list-style:none;font-size:15px; }
.settings-preview-options summary::-webkit-details-marker { display:none; }
.settings-preview-options summary span { margin-left:auto;font-size:12px;color:var(--secondary); }
.settings-preview-options summary svg { width:16px;height:16px;color:var(--secondary); }
.settings-preview-options[open] summary svg { transform:rotate(90deg); }

.carrier-settings-content { padding-bottom:130px; }
.carrier-logo-section { display:flex;align-items:center;gap:16px; }
.carrier-logo-preview { width:76px;height:76px;flex-shrink:0;border:1px solid var(--divider);border-radius:12px;background:var(--surface);display:grid;place-items:center;overflow:hidden; }
.carrier-logo-preview>svg { width:32px;height:32px;color:var(--secondary); }
.carrier-logo-preview img { width:100%;height:100%;object-fit:contain; }
.carrier-logo-copy { min-width:0; }
.carrier-logo-copy h3 { margin:0 0 4px;font-size:16px; }
.carrier-logo-copy p { margin:0;color:var(--secondary);font-size:13px; }
.carrier-logo-actions { display:flex;gap:16px;align-items:center;flex-wrap:wrap; }
.carrier-file-button { position:relative;overflow:hidden;display:inline-flex;align-items:center;min-height:44px;color:var(--link);font-size:14px;cursor:pointer;font-weight:500; }
.carrier-file-button input { position:absolute;inset:0;opacity:0;width:100%;cursor:pointer; }
.carrier-file-button:focus-within { outline:2px solid var(--link);outline-offset:2px;border-radius:4px; }
.carrier-logo-actions button { background:transparent;color:var(--link);border:0;padding:0;min-height:44px;font-size:14px; }
.carrier-logo-actions button:hover,.carrier-file-button:hover { text-decoration:underline; }
#carrier-logo-feedback:empty { display:none; }
.carrier-form-section { background:var(--surface);border-radius:16px;padding:18px 16px;display:grid;gap:18px; }
.carrier-form-section input,.carrier-form-section textarea { width:100%;font-size:16px;border-radius:10px;min-height:48px;background:var(--canvas)!important;caret-color:var(--link); }
.carrier-form-section textarea { resize:vertical;line-height:1.5; }
.carrier-input-label { display:block;font-size:14px;font-weight:500;margin:0 0 7px; }
.carrier-input-label span { color:var(--secondary);font-weight:400;font-size:12px;float:right; }
.carrier-authority { grid-template-columns:1fr 1fr; }
.carrier-authority>div { min-width:0; }
.carrier-bol-shortcut { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 0;min-height:64px;color:var(--link);text-decoration:none; }
.carrier-bol-shortcut strong { display:block;font-size:16px;font-weight:600; }
.carrier-bol-shortcut small { display:block;font-size:13px;color:var(--secondary);margin-top:4px; }
.carrier-bol-shortcut svg { width:18px;height:18px;flex-shrink:0; }
.carrier-bol-shortcut:hover strong { text-decoration:underline; }
.carrier-save-button { flex-shrink:0;min-height:48px;border-radius:12px;padding:12px 18px;font-size:15px; }
.carrier-save-button:disabled { background:var(--surface-raised);color:var(--secondary);opacity:1; }
#carrier-save-status { margin:0;color:var(--secondary);font-size:13px;line-height:1.4; }
#carrier-save-status.is-error,#carrier-logo-feedback.is-error { color:var(--settings-error,#b42318); }
.carrier-settings-content [aria-invalid=true] { border-color:var(--settings-error,#b42318); }
.carrier-settings-content :focus-visible { outline:2px solid var(--link);outline-offset:3px; }
@media(max-width:369px) { .carrier-authority { grid-template-columns:1fr; }.carrier-logo-section { gap:12px; }.carrier-logo-preview { width:64px;height:64px; } }
.carrier-default-links .settings-row>span{flex:1}
.carrier-default-links strong{font-size:16px;font-weight:600}
.carrier-default-links small{margin-top:4px;color:var(--secondary)}
@media(max-width:420px){.bol-section-tabs{gap:0}.bol-section-tabs button{flex-wrap:wrap;column-gap:4px;font-size:14px}.bol-section-tabs span{min-width:16px;padding:1px 4px}}

.support-preview-tools { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.support-preview-tools > * { min-height:44px; }