:root,:root[data-theme=light]{font-family:Arial,system-ui,sans-serif;--bg:#f6f7f9;--panel:#fff;--panel2:#eef1f5;--border:#dde2e8;--text:#172432;--muted:#606e7b;--accent:#176a59;--green:#176a59;--shadow:0 6px 24px #15243b0c;--red:#bb3838}
:root[data-theme=dark]{--bg:#10171d;--panel:#17212a;--panel2:#202e38;--border:#31404b;--text:#edf2f6;--muted:#acbac5;--accent:#70d6b5;--green:#70d6b5;--shadow:none}
body{font-size:16px}.app-shell{max-width:1080px;padding:0 28px 112px}.topbar{height:84px}.brand{font-size:25px;letter-spacing:-1px}.brand small{font-size:9px;letter-spacing:1.5px}.brand-mark{border-radius:12px}
:root[data-theme=light] .brand-mark,:root[data-theme=light] .primary-btn{background:var(--accent);color:#fff}.top-actions{gap:14px}.gps-status{font-size:10px}.icon-btn{width:44px;height:44px}.page-heading{margin:28px 0 22px}h1{font-size:29px;font-weight:600;letter-spacing:-1px;max-width:none}.eyebrow{font-size:10px;letter-spacing:1.4px}.panel{border-radius:16px;box-shadow:none}.dashboard-grid{gap:18px;grid-template-columns:minmax(0,1.7fr) minmax(265px,1fr)}.gauge-card{background:var(--panel);min-height:350px}.dial{max-width:365px}.speed-number{font-family:Arial,system-ui,sans-serif;font-weight:600;font-size:94px;letter-spacing:-5px}.gauge-number{font-family:Arial,sans-serif}.speed-caption{letter-spacing:1px;font-size:9px}.card-heading{font-size:10px}.gauge-bottom{font-size:12px}.section-icon{display:none}.gps-card{min-height:0;padding:26px}.gps-card h2{font-size:23px}.gps-card p{font-size:15px;line-height:1.6}.primary-btn,.secondary-btn{font-size:15px;min-height:48px;border-radius:10px}.gps-detail{font-size:13px}.privacy-note{display:none}.trip-grid{gap:12px}.metric{padding:20px 18px}.metric-label{font-size:10px;letter-spacing:.6px}.metric small{font-size:11px}.metric strong{font-size:30px}.reset-trip{font-size:12px}.footer{font-size:11px;margin-top:24px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:none;margin:0;border:0;border-top:1px solid var(--border);border-radius:0;padding:9px max(12px,calc((100vw - 650px)/2)) calc(10px + env(safe-area-inset-bottom));background:var(--panel);gap:6px;box-shadow:0 -5px 20px #17243205}.nav-tab{flex-direction:column;gap:6px;font-size:12px;min-height:58px;padding:8px 3px}.nav-tab.active{background:var(--panel2);color:var(--accent);font-weight:700}.nav-tab svg{height:21px;width:21px}.install-card{background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:0 0 20px;margin-bottom:24px}.install-card img{display:none}.install-card h2{font-size:15px}.install-card p{font-size:12px}.install-card .primary-btn{min-height:40px;font-size:13px;padding:10px 14px}.compact-install{display:none}.live-clock>span{font-size:20px}.live-clock small{font-size:11px}.setting-row b{font-size:15px}.setting-row small,.settings-help,summary,details{font-size:13px}.setting-row select,.setting-row input[type=number]{font-size:15px}.toast{font-size:14px;bottom:100px}.map-view{margin-top:24px}.map-drive-layout{grid-template-columns:minmax(0,1fr) 190px;gap:15px}.map-drive-layout .map-speedbar{min-height:0;padding:24px 16px;top:16px}.map-drive-layout .map-speed strong{font-family:Arial,sans-serif;font-size:88px;letter-spacing:-4px}.map-drive-layout .map-container{min-height:350px;height:58dvh}.map-drive-layout .map-gps-note{font-size:12px}.map-drive-layout .map-speedbar>button{font-size:13px}.map-main .map-toolbar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px}.text-link{font-size:13px;background:transparent;min-height:36px}.inline-toggle{font-size:12px}.map-help{font-size:12px}.place-copy b{font-size:14px}.place-copy small{font-size:11px}.route-toolbar>div{display:none}.route-toolbar{justify-content:flex-start;flex-direction:row}.route-toolbar .primary-btn{width:auto;font-size:14px}.map-main .map-placeholder h2{font-size:21px}.map-main .map-placeholder p{font-size:14px}.map-main .map-placeholder .primary-btn{font-size:14px}.map-main .map-loading{font-size:12px}.route-destination b{font-size:15px}.route-actions .text-link{font-size:13px}.route-notice>p{font-size:12px}.place-form .dialog-actions .primary-btn{font-size:14px}
body.drive-fullscreen{overflow:hidden}.drive-fullscreen .topbar,.drive-fullscreen .bottom-nav,.drive-fullscreen .footer,.drive-fullscreen #installCard,.drive-fullscreen .saved-places,.drive-fullscreen .selected-place,.drive-fullscreen .route-notice,.drive-fullscreen .map-help,.drive-fullscreen .route-toolbar{display:none}.drive-fullscreen .app-shell{max-width:none;padding:0}.drive-fullscreen #mapView{position:fixed;inset:0;margin:0;padding:10px;background:var(--bg);z-index:100}.drive-fullscreen .map-drive-layout{height:100%;grid-template-columns:minmax(0,1fr) 170px}.drive-fullscreen .map-main{height:100%;display:flex;flex-direction:column}.drive-fullscreen .map-drive-layout .map-container{height:auto;min-height:0;flex:1}.drive-fullscreen .map-main .map-toolbar{padding:5px;min-height:44px}.drive-fullscreen .map-drive-layout .map-speedbar{height:100%;position:static;justify-content:center}.drive-fullscreen .map-side-metrics{flex-direction:column}.drive-fullscreen .map-speedbar .eyebrow{font-size:9px}
#fuelArea{font-size:16px;line-height:1.5;min-width:0}#fuelArea button,#fuelArea input,#fuelArea select{font:inherit}#fuelArea button{border-radius:10px}#fuelArea h2{font-size:24px;margin:0 0 16px;letter-spacing:-.7px;font-weight:600}#fuelArea h3{font-size:17px}#fuelArea p{margin:0 0 16px}#fuelArea .eyebrow{font-size:10px;margin:0 0 8px}#fuelArea .tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--panel2);padding:5px;border-radius:12px;margin-bottom:26px}#fuelArea .tab{min-height:48px;padding:10px 4px;background:transparent;color:var(--muted);font-size:15px}#fuelArea .tab.active{background:var(--panel);color:var(--text);font-weight:700;box-shadow:var(--shadow)}#fuelArea .workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}#fuelArea .calculator{min-width:0}#fuelArea .section-heading{display:flex;justify-content:space-between;margin-bottom:20px}#fuelArea .section-heading h2{margin:0}#fuelArea .small-icon{display:none}#fuelArea fieldset{border:0;padding:0;margin:0 0 23px}#fuelArea legend,#fuelArea .field>label,#fuelArea .quantity-heading>label{display:block;font-size:16px;margin-bottom:8px}#fuelArea .fuel-picker{display:flex;gap:10px}#fuelArea .fuel-option{flex:1;min-width:0;position:relative}#fuelArea .fuel-option input{position:absolute;opacity:0;width:1px;height:1px}#fuelArea .fuel-option>span{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:14px 10px;min-height:54px;background:var(--panel)}#fuelArea .fuel-option input:checked+span{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}#fuelArea .fuel-option input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}#fuelArea .fuel-option svg{margin-left:auto;width:18px;visibility:hidden}#fuelArea .fuel-option input:checked+span svg{visibility:visible}#fuelArea .fuel-option small{display:none}#fuelArea .fuel-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent)}#fuelArea .fuel-dot.gas{background:#c99031}#fuelArea .field{margin:0 0 22px}#fuelArea .field small{display:block;font-size:13px;color:var(--muted);margin-top:8px}#fuelArea .input-wrap{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:0 15px;min-height:57px;color:var(--muted)}#fuelArea .input-wrap:focus-within{border-color:var(--accent);outline:1px solid var(--accent)}#fuelArea .input-wrap input{width:100%;min-width:0;outline:none;border:0;background:transparent;color:var(--text);font-size:22px;padding:14px 0}#fuelArea .input-wrap span{font-size:14px;white-space:nowrap}#fuelArea .input-wrap.invalid{border-color:var(--red)}#fuelArea .quantity-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}#fuelArea .quantity-heading>label{margin:0}#fuelArea .mini-toggle{display:flex;background:var(--panel2);border-radius:8px;padding:3px}#fuelArea .mini-toggle button{font-size:13px;padding:7px 12px;background:transparent;color:var(--muted);border-radius:6px}#fuelArea .mini-toggle .selected{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}#fuelArea .quantity-input{margin-bottom:22px}#fuelArea .text-button{background:none;color:var(--accent);padding:3px;font-size:13px}#fuelArea .primary-button{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:54px;background:var(--accent);color:var(--panel);padding:14px 18px;font-weight:600}#fuelArea .field-help,#fuelArea .measurement-tip{color:var(--muted);font-size:14px;line-height:1.6}#fuelArea .two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#fuelArea .two-fields .field label{font-size:14px}#fuelArea .fuel-caption{display:flex;gap:9px;align-items:center;margin:20px 0 12px}#fuelArea .form-error{color:var(--red);font-size:14px}#fuelArea .result-panel{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px}#fuelArea .result-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:24px}#fuelArea .result-tag,#fuelArea .result-state{font-size:10px;color:var(--muted);letter-spacing:.7px}#fuelArea .result-main>p:first-child{font-size:17px;margin-bottom:5px}#fuelArea .big-result{display:flex;align-items:baseline;gap:10px}#fuelArea .big-result>span:first-child{font-size:70px;font-weight:600;letter-spacing:-4px;line-height:1.25}#fuelArea .big-result>span.text-result{font-size:39px;letter-spacing:-2px}#fuelArea .big-result>span:last-child{color:var(--muted);font-size:19px}#fuelArea .result-subtitle{font-size:14px;color:var(--muted);margin:9px 0 0;line-height:1.6}#fuelArea .road{display:none}#fuelArea .result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;border-top:1px solid var(--border);padding-top:22px;margin-top:24px}#fuelArea .result-metrics span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}#fuelArea .result-metrics strong{display:block;font-size:20px;font-weight:600;letter-spacing:-.6px}#fuelArea .result-disclaimer{font-size:12px;color:var(--muted);margin-top:24px;line-height:1.7}#fuelArea .result-actions{display:flex;flex-wrap:wrap;gap:10px}#fuelArea .save-button{min-height:44px;padding:10px 14px;background:var(--panel2);color:var(--text);font-size:14px}#fuelArea #fuel-use-trip-distance{margin-bottom:18px;color:var(--accent);width:100%}#fuelArea .history-section{margin-top:36px}#fuelArea .history-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}#fuelArea .history-heading h2{font-size:23px;display:flex;gap:10px;align-items:center}#fuelArea #fuel-history-count{font-size:12px;background:var(--panel2);border-radius:6px;padding:3px 7px;letter-spacing:0}#fuelArea .device-note{color:var(--muted);font-size:12px}#fuelArea .empty-history{padding:22px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:14px}#fuelArea .empty-history>span{display:none}#fuelArea .empty-history p{margin:0}#fuelArea .empty-history small{display:block;font-size:12px;margin-top:6px}#fuelArea .history-row{display:grid;grid-template-columns:minmax(0,1.5fr) 1fr 1fr 40px;gap:16px;padding:20px 0;border-bottom:1px solid var(--border);align-items:center}#fuelArea .history-fuel{display:flex;gap:10px;align-items:center}#fuelArea .history-fuel strong{font-size:15px}#fuelArea .history-row small{display:block;font-size:11px;color:var(--muted);margin-top:4px}#fuelArea .history-number{font-weight:600;font-size:18px}#fuelArea .delete-history{min-height:40px;background:transparent;color:var(--muted);font-size:23px}#fuelArea .help{margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}#fuelArea summary{font-size:14px;line-height:1.6}#fuelArea details p{font-size:13px;line-height:1.7;margin-top:14px}#fuelArea details a{color:var(--accent);text-decoration:underline}#fuelArea .help summary>span{display:none}
#fuelArea .stations-intro{display:flex;justify-content:space-between;gap:20px;align-items:center}#fuelArea .stations-intro h2{margin-bottom:6px}#fuelArea .stations-intro p:last-child{font-size:15px;color:var(--muted)}#fuelArea .location-button{display:flex;align-items:center;gap:10px;background:var(--accent);color:var(--panel);padding:14px 18px;min-height:50px;font-size:14px}#fuelArea .location-note{font-size:12px;color:var(--muted);margin-top:12px}#fuelArea .city-search{border:1px solid var(--border);border-radius:10px;padding:15px;margin:22px 0}#fuelArea #fuel-city-search-form{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;gap:15px;align-items:end;margin-top:20px}#fuelArea #fuel-city-search-form .field{margin:0}#fuelArea select{border:1px solid var(--border);border-radius:10px;padding:13px 10px;background:var(--panel);color:var(--text);min-height:50px;width:100%;font-size:15px}#fuelArea .city-submit{min-height:57px;background:var(--panel2);padding:12px 15px;color:var(--text);font-size:14px}#fuelArea .station-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:25px 0 16px}#fuelArea .station-filters label{display:block;font-size:13px;margin-bottom:8px}#fuelArea .station-options{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin-bottom:24px}#fuelArea .station-options label{display:flex;align-items:center;gap:6px}#fuelArea .stations-status,#fuelArea .station-empty{background:var(--panel2);border-radius:10px;padding:20px;font-size:15px;color:var(--muted);line-height:1.7}#fuelArea .stations-status.error,#fuelArea .stations-warning{color:var(--red)}#fuelArea .stations-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0}#fuelArea .stations-summary h3{font-size:16px;margin:0}#fuelArea .stations-summary>span{color:var(--muted);font-size:12px}#fuelArea .stations-warning{font-size:13px;margin-bottom:20px}#fuelArea .stations-list{display:grid;gap:14px}#fuelArea .station-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;padding:22px;border:1px solid var(--border);border-radius:13px;background:var(--panel)}#fuelArea .station-tags{display:flex;flex-wrap:wrap;gap:9px;font-size:11px;color:var(--muted);align-items:center}#fuelArea .station-brand-tag{background:var(--panel2);border-radius:5px;padding:4px 7px;color:var(--text)}#fuelArea .best-price-tag{color:var(--accent);font-weight:600}#fuelArea .station-info h3{font-size:17px;line-height:1.5;margin:12px 0 6px;overflow-wrap:anywhere}#fuelArea .station-info p{font-size:13px;color:var(--muted);margin:0 0 5px}#fuelArea .station-price-block{display:flex;flex-direction:column;min-width:170px;gap:6px}#fuelArea .station-fuel-name{font-size:11px;color:var(--muted)}#fuelArea .station-price-block>strong{font-size:25px;font-weight:600;letter-spacing:-1px}#fuelArea .station-price-block strong small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0}#fuelArea .station-price-block .no-station-price{font-size:15px;letter-spacing:0}#fuelArea .station-price-date{font-size:11px;color:var(--muted)}#fuelArea .station-actions{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}#fuelArea .station-actions a,#fuelArea .station-actions button{font-size:12px;padding:10px 11px;border-radius:8px;background:var(--panel2);color:var(--accent);min-height:39px}#fuelArea .show-more{display:block;width:100%;background:var(--panel2);color:var(--text);padding:14px;margin-top:18px}#fuelArea .stations-disclosure{font-size:12px;color:var(--muted);margin-top:23px}#fuelArea .stations-source{border-top:1px solid var(--border);padding-top:20px}
@media(max-width:759px){.app-shell{padding:0 16px 105px}.topbar{height:76px}.brand{font-size:23px;gap:9px}.brand small{font-size:7px;letter-spacing:1.1px}.brand-mark{width:36px;height:36px}.top-actions{gap:8px}.gps-status{font-size:8px;gap:4px}.signal-bars{display:none}.icon-btn{width:40px;height:40px}.page-heading{margin:23px 0 20px}h1{font-size:24px;max-width:250px;letter-spacing:-.8px}.live-clock{display:none}.eyebrow{font-size:9px}.dashboard-grid{grid-template-columns:1fr;gap:14px}.gauge-card{min-height:0;padding:18px 16px}.dial{max-width:335px}.speed-number{font-size:88px}.gps-card{padding:18px;grid-template-columns:1fr auto;gap:0 12px}.gps-card h2{font-size:18px}.gps-card p{font-size:13px}.gps-card .primary-btn{font-size:14px;padding:12px 14px;min-width:106px}.gps-detail{font-size:12px}.metric{padding:16px 10px}.metric-label{font-size:8px;letter-spacing:.2px;white-space:normal}.metric strong{font-size:25px}.metric small{font-size:10px}.metric>div>span{font-size:10px}.trip-grid{gap:8px}.reset-trip{font-size:12px;min-height:44px}.footer{font-size:10px;gap:8px}.install-card{gap:10px;margin-bottom:18px;padding-bottom:18px}.install-card h2{font-size:14px}.install-card p{font-size:11px}.install-card .primary-btn{font-size:12px;padding:9px 11px}.nav-tab{font-size:10px;gap:5px;min-height:56px}.bottom-nav{padding-top:7px}.map-drive-layout,.map-drive-layout .map-speedbar{min-width:0}.map-drive-layout{grid-template-columns:minmax(0,1fr) 100px;gap:9px}.map-drive-layout .map-speedbar{padding:17px 7px}.map-drive-layout .map-speed strong{font-size:57px;letter-spacing:-3px}.map-drive-layout .map-speed{margin:18px 0}.map-drive-layout .map-speedbar>.eyebrow{font-size:7px;letter-spacing:.4px}.map-drive-layout .map-gps-note{font-size:10px;padding:12px 0}.map-drive-layout .map-gps-note small{font-size:8px}.map-drive-layout .map-speedbar>button{font-size:10px;min-height:44px;padding:10px 3px}.map-drive-layout .map-speedbar .secondary-btn{font-size:9px}.map-side-metrics{flex-direction:column}.map-side-metrics small{font-size:7px}.map-drive-layout .map-container{min-height:320px;height:53dvh}.map-main .place-copy b{font-size:11px}.map-main .place-copy small{font-size:9px}.map-main .place-shortcut{min-height:60px;padding:10px 8px}.map-main .place-icon{display:none}.map-main .place-copy{flex-basis:100%}.map-main .route-toolbar .primary-btn{font-size:13px;min-height:44px;width:100%}.map-main .map-toolbar{gap:6px;align-items:flex-start;flex-direction:column}.map-main .map-toolbar .text-link{font-size:12px}.map-main .inline-toggle{font-size:11px}.map-main .map-help{font-size:10px}.map-main .map-placeholder{padding:16px 9px}.map-main .map-placeholder h2{font-size:17px}.map-main .map-placeholder p{font-size:12px}.map-main .map-placeholder .primary-btn{font-size:13px}.drive-fullscreen .map-drive-layout{grid-template-columns:minmax(0,1fr) 100px;gap:7px}.drive-fullscreen #mapView{padding:7px}.drive-fullscreen .map-drive-layout .map-speedbar{padding:12px 7px}.drive-fullscreen .map-main .map-toolbar{flex-direction:row;align-items:center}.drive-fullscreen .map-main .map-toolbar label{display:none}.drive-fullscreen .map-main .map-toolbar a{font-size:10px}.drive-fullscreen .map-side-metrics{padding:12px 0;gap:10px}#fuelArea .workspace{grid-template-columns:1fr;gap:25px}#fuelArea .tabs{margin-bottom:24px}#fuelArea .tab{font-size:13px;min-height:46px}#fuelArea .result-panel{padding:23px}#fuelArea .history-row{grid-template-columns:minmax(0,1fr) auto 36px;gap:10px}#fuelArea .history-cost{display:none}#fuelArea .history-number{font-size:17px}#fuelArea .history-row small{font-size:10px}#fuelArea .device-note{max-width:80px;text-align:right;font-size:11px}#fuelArea .history-heading h2{font-size:20px}#fuelArea .station-filters{grid-template-columns:1fr 1fr;gap:16px 12px}#fuelArea .stations-intro{align-items:stretch;flex-direction:column;gap:0}#fuelArea .location-button{justify-content:center;font-size:15px}#fuelArea #fuel-city-search-form{grid-template-columns:minmax(0,1fr) 85px;gap:15px}#fuelArea .city-submit{grid-column:1/3;min-height:48px}#fuelArea .station-options{font-size:12px;align-items:flex-start}#fuelArea .station-options>span{max-width:85px;text-align:right;font-size:11px}#fuelArea .station-card{grid-template-columns:1fr;gap:17px;padding:20px}#fuelArea .station-price-block{border-top:1px solid var(--border);padding-top:15px}#fuelArea .station-actions{gap:10px}#fuelArea .station-actions a,#fuelArea .station-actions button{font-size:13px;padding:11px 14px}#fuelArea .stations-summary{display:block}#fuelArea .stations-summary>span{display:block;margin-top:8px}#fuelArea .two-fields{gap:10px}#fuelArea .two-fields .input-wrap{padding:0 10px}#fuelArea .two-fields .input-wrap input{font-size:20px}}
@media(orientation:landscape) and (max-height:600px){.map-drive-layout{grid-template-columns:minmax(0,1fr) 155px}.map-drive-layout .map-container{height:60dvh;min-height:240px}.map-drive-layout .map-speedbar{padding:18px 12px}.map-drive-layout .map-speed strong{font-size:70px}.map-side-metrics{flex-direction:row}.map-main .map-toolbar{flex-direction:row;align-items:center}.drive-fullscreen .map-drive-layout{grid-template-columns:minmax(0,1fr) 145px}.drive-fullscreen .map-drive-layout .map-speed strong{font-size:66px}.drive-fullscreen .map-side-metrics{flex-direction:row}.drive-fullscreen .map-gps-note small{display:none}.drive-fullscreen .map-drive-layout .map-speed{margin:10px 0}.drive-fullscreen .map-drive-layout .map-gps-note{padding:8px 0}.drive-fullscreen .map-drive-layout .map-speedbar>button{min-height:35px;padding:7px}.drive-fullscreen .map-speedbar .secondary-btn{flex-direction:row}}
/* Reset offsets retained from the original compact navigation. */
.bottom-nav{transform:none}
.dial{aspect-ratio:440/400;margin:0 auto 10px}
.digital{top:64%}
.speed-caption{line-height:1.6}

/* Separate instruments and put the GPS controls after the trip metrics. */
#dashboard .dashboard-grid{display:block}
#dashboard .gauge-card{min-height:0;padding:20px 24px 16px}
#dashboard .speed-displays{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:24px;max-width:800px;margin:0 auto 18px}
#dashboard .dial{position:relative;width:100%;max-width:480px;margin:0 auto;aspect-ratio:440/340}
#dashboard .dial>svg{display:block;width:100%;height:100%;overflow:visible}
#dashboard .gauge-number{font-family:Arial,system-ui,sans-serif;font-size:26px;font-weight:600}
#dashboard .digital{position:static;inset:auto;transform:none;min-width:0;border-left:1px solid var(--border);padding:26px 10px;text-align:center}
#dashboard .speed-number{font-size:86px;letter-spacing:-4px;font-weight:600;line-height:1.05}
#dashboard .speed-unit{display:block;margin-top:8px;font-size:17px;letter-spacing:1px}
#dashboard .speed-caption{font-size:10px;letter-spacing:.7px;line-height:1.7;margin-top:12px}
#dashboard .trip-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 0}
#dashboard .metric-label{display:block;font-size:11px;line-height:1.5;letter-spacing:.4px;white-space:normal;min-height:33px}
#dashboard #resetTrip{grid-column:1/-1;flex-direction:row;gap:8px;min-height:44px;padding:10px;border:0;border-radius:10px;font-size:13px}
#dashboard .side-stack{margin-top:14px}
#dashboard .gps-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center;padding:22px 24px;min-height:0}
#dashboard .gps-card>.eyebrow,#dashboard .gps-card .section-icon{display:none}
#dashboard .gps-card h2{grid-column:1;grid-row:1;margin:0 0 7px;font-size:21px}
#dashboard .gps-card p{grid-column:1;grid-row:2;font-size:14px;line-height:1.6;margin:0}
#dashboard .gps-card #gpsToggle{grid-column:2;grid-row:1/3;width:auto;min-width:140px;margin:0}
#dashboard .gps-card #gpsToggle.secondary-btn{color:var(--text);background:var(--panel2);border:1px solid var(--border)}
#dashboard .gps-detail{grid-column:1/3;margin-top:18px;font-size:13px}
#dashboard .gps-detail+.gps-detail{margin-top:9px}
@media(max-width:599px){
 #dashboard .gauge-card{padding:18px 15px 15px}
 #dashboard .speed-displays{grid-template-columns:minmax(0,1fr);gap:8px;margin:6px auto 16px}
 #dashboard .dial{max-width:380px}
 #dashboard .digital{border-left:0;border-top:1px solid var(--border);padding:18px 8px 3px}
 #dashboard .speed-number{font-size:70px;letter-spacing:-3px}
 #dashboard .speed-unit{font-size:16px;margin-top:5px}
 #dashboard .speed-caption{margin-top:8px;font-size:10px}
 #dashboard .metric{padding:16px 11px}
 #dashboard .metric-label{font-size:10px;letter-spacing:.1px;min-height:30px}
 #dashboard .metric strong{font-size:27px}
 #dashboard .gps-card{padding:19px 17px;column-gap:12px}
 #dashboard .gps-card h2{font-size:18px}
 #dashboard .gps-card p{font-size:13px}
 #dashboard .gps-card #gpsToggle{min-width:100px;font-size:13px;padding:12px}
 #dashboard .gps-detail{font-size:12px}
}