:root{--ink:#183d38;--muted:#667f77;--green:#14745b;--green-dark:#0b5844;--mint:#dff3e9;--paper:#f4f7f5;--line:#e0e9e3;--amber:#956216;--red:#ac4239;--nav:#133b34;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}body.nav-open{overflow:hidden}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(25px,2.6vw,36px);font-weight:750;line-height:1.2;letter-spacing:-1.1px;margin-bottom:10px}h2{font-size:17px;line-height:1.4;letter-spacing:-.35px;margin:0;font-weight:700}h3{font-size:16px;margin-bottom:6px}p{line-height:1.65}a{color:var(--green);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #51ac87;outline-offset:3px}button{color:inherit}input,select,textarea{width:100%;min-width:0;min-height:46px;border:1px solid #cbdad1;border-radius:9px;background:white;color:var(--ink);padding:11px 13px;outline:none;margin-top:8px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #14745b14}input[type=checkbox]{width:18px;min-width:18px;height:18px;min-height:18px;margin:3px 0 0;accent-color:var(--green)}textarea{resize:vertical;line-height:1.6}label{display:block;font-size:13px;font-weight:600;margin-bottom:19px}label small,.hint{font-weight:400;font-size:12px;line-height:1.65;color:var(--muted)}label small{display:block;margin-top:8px}.hint{margin:10px 0 0}.muted{color:var(--muted)}[hidden]{display:none!important}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;z-index:9999;left:12px;top:-80px;background:white;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.7px;font-weight:700;color:var(--green);margin:0 0 9px}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:20px;font-weight:750;letter-spacing:-.6px;white-space:nowrap}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:1.6px;margin-top:4px;color:#a9c8bb}.brand-icon{display:grid;place-items:center;width:37px;height:40px;background:#c7edd8;color:#1b5943;border-radius:11px;flex-shrink:0}.brand-icon .icon{width:25px;height:25px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:var(--nav);padding:30px 20px 20px;display:flex;flex-direction:column;color:#bad1c4;z-index:100;height:100vh;height:100dvh;overflow-y:auto}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.nav-label{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#84aa98;margin:43px 13px 15px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:12px;min-height:47px;width:100%;padding:12px 14px;border:0;border-radius:10px;background:transparent;color:#c5d9ce;text-align:left;font-size:13px;font-weight:500}.sidebar nav button>span{flex:1}.sidebar nav button:hover{background:#214e42}.sidebar nav button.active{background:#d7f2df;color:#174a36;font-weight:700}.sidebar nav i{font-style:normal;font-size:10px}.sidebar nav i:empty{display:none}.sidebar nav i:not(:empty){background:#bfe5cf;padding:2px 7px;border-radius:20px;color:#175439}.nav-advanced{margin-top:17px;border-top:1px solid #315549;padding-top:14px}.nav-advanced summary{font-size:11px;cursor:pointer;padding:8px 13px;color:#a6c5b5}.sidebar-bottom{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:23px;border-top:1px solid #315549;flex-shrink:0}.user-details{min-width:0;flex:1}.sidebar-bottom strong{color:#eff8f0;font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom small{font-size:11px;display:block;text-transform:capitalize;margin-top:3px;color:#a6c5b5}.avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#315e4d;color:#d3eadc;font-weight:650}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:0;border-radius:9px;background:transparent;color:inherit}.icon-button:hover{background:#ffffff16}.sidebar .icon-button{color:#c0d7c7}.mobile-only{display:none}.nav-overlay{position:fixed;inset:0;z-index:90;background:#0b251d8c;border:0;border-radius:0;width:100%;height:100%;padding:0}.sidebar nav{margin-bottom:28px}main{margin-left:242px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:13px 36px;border-bottom:1px solid var(--line);background:#fcfefc;font-size:12px}.topbar-start{display:flex;align-items:center;gap:10px;min-width:0}.breadcrumb{color:#81968a}.topbar-right{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:11px;white-space:nowrap}.live-indicator{display:flex;align-items:center;gap:7px}.live-indicator:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#9aac9f;flex-shrink:0}.live-indicator.connected:before{background:#3a9d73}.content{max-width:1450px;padding:34px 36px 26px;margin:auto;outline:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.page-heading>div{min-width:0}.page-heading .muted{font-size:13px;max-width:620px;margin:0}.vehicle-picker{font-size:10px;letter-spacing:1px;flex:0 0 190px;margin:0;color:var(--muted)}.vehicle-picker select{font-size:14px;letter-spacing:0;color:var(--ink);font-weight:600}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:16px}.metric,.card{background:white;border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:0 2px 4px #1c3f251c}.metric{padding:21px}.metric-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:550;color:#516c60}.metric-label .icon{width:19px;height:19px;color:#7fa48f}.metric-number{font-size:clamp(36px,4vw,50px);font-weight:750;letter-spacing:-1.6px;line-height:1.25;margin-top:14px;font-variant-numeric:tabular-nums}.metric-word{font-size:clamp(21px,2.1vw,28px);letter-spacing:-.8px;font-weight:700;line-height:1.5;margin-top:18px}.metric-foot{margin-top:10px;font-size:11px;color:var(--muted);line-height:1.6}.metric-number.unavailable{font-size:22px;letter-spacing:-.6px;line-height:1.5;margin-top:18px}.seat-metric{background:#eaf6ee;border-color:#c9e6d2}.seat-metric .metric-number{color:#11603e}.seat-metric .metric-foot{color:#406c51}.good{color:var(--green)}.warn{color:var(--amber)}.bad{color:var(--red)}.badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;max-width:100%;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:750;letter-spacing:.65px;line-height:1.4;text-align:center;white-space:normal}.badge.neutral{background:#eef3ef;color:#60796b}.badge.success{background:#e0f1e6;color:#276644}.badge.warning{background:#fbefd6;color:#8b5c15}.badge.danger{background:#fbe7e3;color:#a13c32}.availability-status{display:flex;align-items:center;gap:12px;margin:0 0 24px;font-size:12px}.availability-status p{margin:0;flex:1;color:#60796b}.availability-status .text-button{flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;border:1px solid #cadbcf;background:white;border-radius:9px;color:#254e39;padding:11px 17px;font-size:13px;font-weight:650;text-align:center;line-height:1.4}.button:hover{background:#f3f8f3}.button.primary{background:var(--green);border-color:var(--green);color:white}.button.primary:hover{background:var(--green-dark)}.button.danger{color:var(--red)}.button.wide{width:100%}.text-button{border:0;background:transparent;min-height:44px;padding:8px 4px;color:var(--green);font-size:12px;font-weight:650;text-align:left}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px}.card-heading>div{min-width:0}.card-heading p{font-size:12px;line-height:1.6;color:var(--muted);margin:5px 0 0}.card-heading .eyebrow{margin:0 0 8px;color:var(--green)}.padded-form{padding:0 24px 24px}.manual-count-card{margin-bottom:24px;scroll-margin-top:90px}.onboard-controls{display:flex;gap:18px;align-items:flex-end}.onboard-controls>.onboard-field{margin:0;min-width:0;flex:1;max-width:380px}.onboard-controls>.button{min-height:50px;flex-shrink:0}.count-stepper{display:grid;grid-template-columns:48px minmax(70px,1fr) 48px;gap:0;margin-top:8px;border:1px solid #c6d8cb;border-radius:10px;overflow:hidden;background:white}.count-stepper button{min-height:48px;border:0;background:#eff7f0;font-size:23px;font-weight:500}.count-stepper input{border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;text-align:center;font-size:22px;font-weight:650;margin:0;min-height:48px;appearance:textfield;-moz-appearance:textfield}.count-stepper input::-webkit-inner-spin-button,.count-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.count-stepper:focus-within{outline:3px solid #14745b22;outline-offset:2px}.activity-details{border-top:1px solid var(--line)}.activity-details summary,.location-privacy summary,.route-options summary{cursor:pointer;font-size:12px;color:#587562;padding:14px 24px;min-height:44px}.activity-details .item{padding:16px 24px}.activity-details .empty-state{padding:18px}.activity-details h3{font-size:13px}.journey-card{margin-bottom:24px}.journey-card h2{font-size:21px;letter-spacing:-.65px}.route-stops{padding:0 24px;margin:0 0 18px;color:var(--muted);font-size:12px}.route-stops:empty{display:none}.journey-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px 24px;background:#f6faf6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journey-metrics>div{display:flex;flex-direction:column;gap:7px;min-width:0}.journey-metrics span{font-size:12px;color:#607966}.journey-metrics strong{font-size:27px;font-weight:750;letter-spacing:-.9px;line-height:1.3}.journey-metrics small{font-size:11px;color:var(--muted);line-height:1.6}.location-controls{display:flex;gap:9px;flex-wrap:wrap;padding:18px 24px 0}.journey-note{font-size:12px;line-height:1.65;margin:13px 24px;color:#60796b}.eta-explanation{padding:12px 14px;background:#f4f7f2;border-radius:8px}.location-privacy{margin:0 24px 18px}.location-privacy summary{padding:5px 0;min-height:30px;font-size:11px}.location-privacy p{font-size:11px;color:var(--muted);margin:8px 0 0;max-width:640px}.overview-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(230px,1fr);gap:22px}.map-card{overflow:hidden}.map{height:370px;background:#e7eee5;isolation:isolate;z-index:0;min-width:0}.map-empty{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;padding:24px;background:linear-gradient(130deg,#e8f1e7,#f6f8f1)}.map-empty>.icon{width:40px;height:40px;color:#6b9c7e;margin-bottom:16px}.map-empty h3{font-size:17px}.map-empty p{font-size:12px;color:var(--muted);max-width:290px;margin:0}.map-footer{padding:14px 22px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);flex-wrap:wrap}.map-footer a{font-weight:600}.vehicle-card{text-align:center;padding-bottom:18px}.vehicle-card .card-heading{text-align:left}.vehicle-illustration{display:grid;place-items:center;margin:0 auto 15px;width:90px;height:90px;border-radius:26px;background:#ecf6ed;color:#4d9270}.vehicle-illustration .icon{width:62px;height:62px;stroke-width:1.2}.vehicle-card h3{font-size:23px;letter-spacing:-.7px;margin:0 18px 3px}.vehicle-card>.muted{font-size:12px;margin-bottom:13px}.details{margin:0 24px}.details>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf2ec;font-size:12px}.details>div:last-child{border:0}.details dt{color:var(--muted);flex:0 1 55%}.details dd{margin:0;font-weight:600;text-align:right;min-width:0;overflow-wrap:anywhere}.seat-bar{height:6px;background:#eaf1e9;overflow:hidden;border-radius:8px;margin:17px 24px 0}.seat-bar>span{display:block;height:100%;background:#4d9d6c;border-radius:8px}.vehicle-card>.hint{margin:12px 18px 0;font-size:11px}.route-endpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:19px}.point-picker{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:76px;padding:12px 15px;border:1px dashed #b8cdbd;border-radius:11px;background:#f9fcf7;font-size:13px;font-weight:650}.point-picker>span{flex:1;min-width:0}.point-picker small{display:block;margin-top:4px;font-size:11px;color:var(--muted);font-weight:400}.point-picker b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d9eddd;color:#34724c;font-size:12px;flex-shrink:0}.point-picker[aria-pressed=true]{border-style:solid;border-color:var(--green);box-shadow:0 0 0 3px #14745b18;background:#eef8ed}.point-picker.selected{border-style:solid}.route-endpoints label{margin-bottom:11px}.route-map-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.map-instruction{padding:12px 14px;background:#eef6ed;border:1px solid #dce8d9;border-radius:8px;font-size:12px;color:#507250;margin:17px 0 12px;line-height:1.6}.route-editor-map{height:420px;border-radius:12px;overflow:hidden}.route-editor-map.picking{cursor:crosshair}.route-stop-list{margin-top:17px}.stop-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;min-width:0}.stop-row>label{flex:1;margin:0;min-width:0}.stop-row input{margin:0}.stop-row .icon-button{background:#f2f6ef;color:#4f7158;width:40px;height:44px;font-size:18px}.stop-row>span{width:25px;color:var(--muted);font-size:12px}.route-stop-list>p{font-size:12px;color:var(--muted)}.route-options{margin:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.route-options summary{padding:13px 0}.route-options label{margin:0 0 18px;max-width:460px}.route-save-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.route-save-row .hint{margin:0;flex:1;min-width:180px}.banner{padding:14px 18px;border:1px solid #e9d5aa;background:#fff7e5;color:#825e22;border-radius:10px;font-size:12px;line-height:1.65;margin:0 0 23px}.banner.subtle{background:#edf5ed;border-color:#d8e7d6;color:#547052}.overview-bottom,.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px}.compact{padding-bottom:21px}.compact>p{margin:0 24px;font-size:12px;color:var(--muted)}.sensor-summary{display:flex;gap:38px;align-items:center;padding:0 24px}.sensor-summary .muted{display:block;font-size:11px;margin-bottom:4px}.sensor-summary strong{font-size:23px;font-weight:650}.zones{display:flex;gap:14px;margin:0 24px 12px}.zone{flex:1;min-width:0;padding:16px;border:1px solid var(--line);background:#f5f8f1;border-radius:10px}.zone-label{font-size:11px;color:var(--muted)}.zone strong{display:block;font-size:30px;margin:10px 0}.zone strong small{font-size:12px;color:var(--muted);font-weight:500}.zone.occupied{background:#fff6df;border-color:#e5d29b}.diagnostic-grid>.card{padding-bottom:21px}.diagnostic-grid .hint{margin:15px 24px 0}.history-card{margin-bottom:22px}.table-scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:10px;color:#64816c;background:#f5f9f2;padding:13px 20px;font-weight:650}td{font-size:12px;padding:14px 20px;border-top:1px solid #eaf0e6}.empty-row,.empty-state{text-align:center;color:var(--muted);padding:30px 22px;font-size:12px;line-height:1.8}.item{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:21px 24px;border-top:1px solid var(--line);min-width:0}.item>div{min-width:0}.item h3{font-size:14px;margin-bottom:5px}.item p{font-size:12px;color:var(--muted);white-space:pre-wrap;margin:5px 0;overflow-wrap:anywhere}.item small{font-size:11px;color:var(--muted)}.item .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex-shrink:0}.item .actions select{width:155px;margin:0}.item .actions .button{font-size:12px;padding:9px 12px}.item-list{min-width:0}.step{font-size:25px;color:#afc5b3}.form-row{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(150px,1.6fr);gap:16px}.horizontal-form{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}.horizontal-form>label{flex:1;min-width:150px;margin-bottom:0}.horizontal-form .button{flex-shrink:0}.horizontal-form input[type=checkbox]{vertical-align:middle;margin-right:6px}.checklist{margin:0;padding:0 26px 0 44px;font-size:12px;line-height:1.7;color:#526e57}.checklist li{padding-bottom:13px}.setup-note{padding:16px;margin:8px 24px 0;background:#f0f6ec;border-radius:9px;font-size:12px}.setup-note p{margin:6px 0 0;font-size:12px;color:var(--muted)}.manual-confirm{display:flex;align-items:flex-start;gap:10px}.footer{display:flex;justify-content:space-between;gap:12px;margin-top:30px;font-size:10px;color:#7a9180}.footer>span:first-child{letter-spacing:1.4px}.toast{position:fixed;z-index:2000;bottom:24px;right:24px;padding:15px 22px;background:#173f31;color:#f2fcf3;box-shadow:0 8px 28px #173f3130;border-radius:11px;max-width:min(90vw,460px);font-size:13px;line-height:1.6}.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;min-height:100dvh}.auth-story{background:var(--nav);color:#f4f9f1;padding:50px clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:space-between;gap:50px}.auth-story h1{font-size:clamp(35px,4vw,56px);line-height:1.2;letter-spacing:-1.9px;margin:15px 0 25px}.auth-story .eyebrow{color:#b4d9bd}.auth-story>div>p:last-child{max-width:340px;color:#b0ccba;font-size:14px}.story-bottom{font-size:11px;color:#abc8b4}.story-bottom span{padding:0 8px}.auth-panel{padding:45px 28px;display:grid;place-items:center;background:#fbfdf8}.auth-card{width:100%;max-width:385px}.auth-card h2{font-size:29px;font-weight:750;letter-spacing:-.9px;margin-bottom:9px}.auth-card>.muted{font-size:13px;margin-bottom:23px}.segmented{display:flex;gap:4px;background:#eaf1e5;padding:4px;border-radius:10px;margin-bottom:26px}.segmented button{flex:1;min-height:43px;border:0;background:transparent;border-radius:7px;color:#6a8270;font-size:13px;font-weight:600}.segmented button.active{background:white;color:var(--green);box-shadow:0 2px 6px #173d2612}.form-error{font-size:12px;color:var(--red);min-height:18px;margin:10px 0;line-height:1.6}.password-field{display:flex;align-items:center;position:relative;margin-top:-11px;margin-bottom:18px}.password-field input{padding-right:53px;margin-top:0}.password-toggle{position:absolute;right:3px;top:1px;width:44px;min-height:44px;border:0;background:transparent;color:#61816a;border-radius:7px;display:grid;place-items:center}.password-toggle:hover{color:var(--green);background:#f2f7ef}.password-help{display:block;font-size:11px;color:var(--muted);margin:-9px 0 17px}.center-page{min-height:100vh;display:grid;place-items:center;padding:26px}.center-page .card{text-align:center;padding:38px;width:100%;max-width:480px}.center-page h1{font-size:28px}.center-page p{font-size:13px;color:var(--muted)}.large-symbol{display:grid;place-items:center;margin-bottom:20px;color:var(--amber)}.large-symbol .icon{width:48px;height:48px}.center-page .button{margin:4px}code{font-size:11px;padding:3px 5px;border-radius:4px;background:#ebf2e6;color:#46664c}#page-incidents>.card,#page-setup>.card,#page-email>.card{margin-bottom:22px}.leaflet-container{font:12px/1.5 system-ui,sans-serif}.map-marker{width:20px;height:20px;border:4px solid white;border-radius:50%;background:#14745b;box-shadow:0 0 0 7px #14745b25}.map-marker.stale{background:#a17b35;box-shadow:0 0 0 7px #a17b3525}.phone-map-marker{width:18px;height:18px;background:#286bc0;border:3px solid white;border-radius:50%;box-shadow:0 0 0 6px #286bc025}.route-endpoint-marker{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#14745b;color:white;border:2px solid white;box-shadow:0 2px 7px #12351c30;font-size:12px;font-weight:700}.route-endpoint-marker.destination{background:#a77224}
@media(min-width:1550px){.content{padding-top:43px}.map{height:410px}.route-editor-map{height:460px}}
@media(max-width:1180px){.content{padding:28px 25px}.topbar{padding:13px 25px}.metrics{gap:11px}.metric{padding:17px}.metric-label{font-size:11px}.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr)}.item .actions{flex-shrink:1}.journey-metrics strong{font-size:25px}}
@media(max-width:980px){.mobile-only{display:inline-flex}.sidebar{width:280px;max-width:85vw;transform:translateX(-100%);transition:transform .2s ease;padding:24px 18px}.nav-open .sidebar{transform:translateX(0)}.sidebar .brand{font-size:20px}.sidebar-head .icon-button{width:32px}.sidebar nav{margin-bottom:25px}.sidebar-bottom{position:static}.nav-label{margin-top:32px}.topbar{position:sticky;top:0;z-index:40;min-height:64px;padding:10px 22px}.topbar .icon-button{background:#eef5e9;color:#2f6246}.breadcrumb{display:none}.topbar-start{gap:12px}.topbar-right{gap:12px}.content{padding:27px 24px}.page-heading{margin-bottom:24px}main{margin-left:0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.auth-story{padding:40px 35px}.card-heading{padding:21px 22px}.padded-form{padding:0 22px 22px}}
@media(max-width:760px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-label{font-size:12px}.metric-number{font-size:43px}.metric-word{font-size:24px;margin-top:12px}.metric-foot{font-size:11px}.overview-grid{grid-template-columns:minmax(0,1fr)}.vehicle-card{display:block}.vehicle-card .vehicle-illustration{display:none}.vehicle-card .details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.vehicle-card .details>div{display:block;border:0;text-align:left;padding:10px 0}.vehicle-card .details dd{text-align:left;margin-top:5px}.vehicle-card h3{font-size:20px}.vehicle-card .seat-bar{max-width:500px;margin-left:auto;margin-right:auto;width:calc(100% - 44px)}.overview-bottom,.diagnostic-grid{grid-template-columns:minmax(0,1fr)}.item{flex-wrap:wrap;gap:12px}.item .actions{width:100%}.route-endpoints{gap:13px}.journey-card h2{font-size:20px}.map{height:350px}.route-editor-map{height:390px}.auth-story h1{font-size:36px}}
@media(max-width:600px){.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-story{padding:22px 24px;min-height:0}.auth-story>div,.auth-story .story-bottom{display:none}.auth-panel{padding:32px 23px 40px}.auth-card{max-width:430px}.auth-card h2{font-size:27px}.auth-story .brand{font-size:20px}.content{padding:23px 16px 22px}.topbar{padding:9px 15px;min-height:62px}.topbar-right{font-size:10px}#clock{display:none}#page-name{font-size:12px;font-weight:600}.page-heading{display:block;margin-bottom:22px}.page-heading h1{font-size:27px;letter-spacing:-.8px}.page-heading .muted{font-size:12px}.vehicle-picker{margin-top:19px;width:100%;max-width:none;display:block;font-size:10px}.vehicle-picker select{margin-top:6px;min-height:46px}.metric{padding:17px 16px;border-radius:13px}.metric-label{font-size:11px;gap:6px}.metric-label .icon{width:17px;height:17px}.metric-number{font-size:41px;margin-top:12px}.metric-number.unavailable{font-size:20px}.metric-word{font-size:22px;letter-spacing:-.7px}.metric-foot{font-size:10px;line-height:1.6;margin-top:7px}.availability-status{flex-wrap:wrap;gap:8px 10px;margin-bottom:20px}.availability-status p{flex-basis:calc(100% - 110px);font-size:11px}.availability-status .text-button{margin-left:auto;min-height:32px;padding:4px}.card{border-radius:13px}.card-heading{padding:19px 17px;gap:11px;align-items:flex-start}.card-heading h2{font-size:16px}.card-heading p{font-size:11px}.card-heading .badge{font-size:8px;padding:6px 8px;max-width:110px}.padded-form{padding:0 17px 20px}.onboard-controls{display:block}.onboard-controls>.onboard-field{max-width:none;font-size:12px}.onboard-controls>.button{width:100%;margin-top:14px;min-height:46px}.activity-details summary{padding:13px 17px}.activity-details .item{padding:15px 17px}.journey-metrics{gap:14px 12px;padding:18px 17px;grid-template-columns:repeat(2,minmax(0,1fr))}.journey-metrics>div:last-child{grid-column:1/-1;padding-top:14px;border-top:1px solid #e1eadc}.journey-metrics strong{font-size:26px}.journey-metrics>div:last-child strong{font-size:29px}.journey-metrics span{font-size:11px}.journey-metrics small{font-size:10px}.journey-card h2{font-size:19px;line-height:1.4}.location-controls{gap:8px;padding:16px 17px 0}.location-controls .button{font-size:12px;padding:10px 12px}.journey-note{margin:12px 17px;font-size:11px}.route-stops{padding:0 17px;font-size:11px;margin-bottom:16px}.location-privacy{margin:0 17px 17px}.map{height:320px}.map-footer{padding:13px 17px;font-size:10px}.route-endpoints{grid-template-columns:minmax(0,1fr);gap:16px}.route-endpoints label{font-size:12px}.point-picker{min-height:70px;font-size:12px}.route-map-toolbar{gap:7px}.route-map-toolbar .button{font-size:11px;padding:9px 11px;min-height:44px}.route-map-toolbar .text-button{font-size:11px;padding:6px}.map-instruction{font-size:11px;padding:10px 12px}.route-editor-map{height:350px;border-radius:9px}.route-save-row>.button.primary{width:100%}.route-save-row>.hint{font-size:11px}.stop-row{gap:5px}.stop-row input{font-size:12px;padding:10px}.stop-row .icon-button{width:34px;font-size:16px}.stop-row>span{width:15px;font-size:11px}.details{margin:0 17px}.details>div{font-size:11px}.vehicle-card .details{gap:11px}.item{padding:18px 17px}.item .actions select{width:100%}.item .actions{flex-wrap:wrap}.item p,.item h3{font-size:12px}.item h3{font-weight:700}.zones{margin:0 17px 12px;gap:10px}.zone{padding:12px}.zone strong{font-size:25px}.sensor-summary{padding:0 17px;gap:25px}.compact>p{margin:0 17px}.diagnostic-grid .hint{margin:13px 17px 0}.form-row{grid-template-columns:minmax(0,1fr)}.horizontal-form{display:block}.horizontal-form>label{margin-bottom:18px;min-width:0}.horizontal-form>.button{width:100%}.footer{font-size:9px;gap:15px}.footer>span{max-width:50%}.toast{left:16px;right:16px;bottom:16px;max-width:none;font-size:12px}.setup-note{margin:8px 17px 0}.badge{font-size:8px}th,td{padding:12px 16px}input,select,textarea{font-size:16px}.route-stop-list input{font-size:16px}.password-field input{font-size:16px}}
@media(max-width:350px){.content{padding-left:12px;padding-right:12px}.metrics{gap:9px}.metric{padding:14px 12px}.metric-label{font-size:10px}.metric-label .icon{width:15px;height:15px}.metric-number{font-size:36px}.metric-number.unavailable{font-size:18px}.metric-word{font-size:20px}.topbar-start{gap:7px}.topbar-right{font-size:9px}.location-controls>.button{flex:1 1 130px}.stop-row .icon-button{width:29px}.stop-row{gap:3px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.onboard-field>label{margin:0}.email-settings>summary{cursor:pointer;min-height:44px;padding:14px 6px;font-size:12px;color:var(--muted)}
@media(max-width:600px){.metric-label{min-height:32px}.onboard-controls>.onboard-field{max-width:none}}