:root{color-scheme:light;--bg:#E9EDF1;--surface:#fff;--surface2:#F3F5F8;--ink:#0E1A26;--ink2:#52606E;--line:#DCE1E7;--amber:#F5A524;--amber-fg:#1A1203;--ok:#1F9D63;--ok-bg:#DDF3E8;--info:#2563EB;--info-bg:#E3ECFD;--warn-bg:#FDF0D3;--bad:#C62828;--bad-bg:#FBE3E1;--btn:#7cc4fa;--btn-fg:#08294a;--m-bg:#E4E9EE;--m-road:#fff;--m-road2:#D3DAE2;--m-park:#CBE2CF;--m-water:#BFD7EA;--route:#0E1A26;--shadow:0 18px 50px rgba(14,26,38,.18);--font:Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#070B10;--surface:#121A23;--surface2:#1A242F;--ink:#F2F5F8;--ink2:#9AA8B6;--line:#243140;--ok:#41C98A;--ok-bg:#12301F;--info:#7FB2FF;--info-bg:#14264A;--warn-bg:#3A2A0B;--bad:#FF8A80;--bad-bg:#3A1816;--btn:#F2F5F8;--btn-fg:#0E1A26;--m-bg:#131B24;--m-road:#26323F;--m-road2:#1C2631;--m-park:#173020;--m-water:#112638;--route:#7FB2FF;--shadow:0 18px 50px rgba(0,0,0,.5)}}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:2px}[hidden]{display:none!important}
.gut{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.num{font-variant-numeric:tabular-nums}.mt{margin-top:12px}
.stage{height:100%;display:flex;justify-content:center;align-items:center}.phone{position:relative;width:100%;height:100%;background:var(--surface);overflow:hidden;isolation:isolate}
@media(min-width:700px){.stage{padding:24px}.phone{width:430px;max-height:880px;border-radius:30px;box-shadow:var(--shadow);border:1px solid var(--line)}}
.screen{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--surface)}.screen.enter{animation:enter .45s cubic-bezier(.2,.8,.2,1)}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:14px;background:var(--btn);color:var(--btn-fg);font-weight:700;width:100%;transition:transform .15s,opacity .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55}
.btn.amber{background:var(--amber);color:var(--amber-fg)}.btn.ghost{background:var(--surface2);color:var(--ink)}.btn.sm{min-height:42px;width:auto;border-radius:12px;font-size:14px;padding:0 16px}
.icon-btn{width:42px;height:42px;border-radius:50%;background:var(--surface2);color:var(--ink);display:grid;place-items:center}.icon-btn svg{width:20px;height:20px}.live-top .icon-btn{background:var(--surface);box-shadow:0 2px 10px rgba(0,0,0,.2)}
.logo{width:38px;height:38px;border-radius:11px;background:var(--btn);color:var(--btn-fg);display:grid;place-items:center;font-weight:800;letter-spacing:-.02em}.wordmark{font-weight:800;font-size:20px;letter-spacing:-.02em}
/* auth */
.hero{position:relative;height:38%;min-height:220px;background:var(--m-bg);overflow:hidden;flex:none}.hero svg{position:absolute;inset:0;width:100%;height:100%}.hero .brand{position:absolute;left:0;right:0;bottom:46px;display:flex;align-items:center;gap:10px}
.m-bg{fill:var(--m-bg)}.m-park{fill:var(--m-park)}.m-water{fill:var(--m-water)}.m-road{stroke:var(--m-road);stroke-width:9;stroke-linecap:round}.rt-line{fill:none;stroke:var(--route);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.rt-flow{fill:none;stroke:var(--surface);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1 22;opacity:.8;animation:flow 1s linear infinite}@keyframes flow{to{stroke-dashoffset:-23}}
.pulse{fill:var(--amber);opacity:.35;transform-box:fill-box;transform-origin:center;animation:pulse 2s ease-out infinite}@keyframes pulse{from{transform:scale(.4);opacity:.5}to{transform:scale(2.4);opacity:0}}
.car-body{fill:var(--route)}.car-glass{fill:var(--surface)}.car-halo{fill:var(--route);opacity:.18}
.auth-card{position:relative;flex:1;margin-top:-28px;background:var(--surface);border-radius:26px 26px 0 0;padding-top:22px;padding-bottom:max(22px,env(safe-area-inset-bottom,0px));overflow:auto;box-shadow:0 -8px 30px rgba(0,0,0,.12)}.auth-inner{max-width:380px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--surface2);border-radius:14px;padding:4px}.tabs button{min-height:40px;border-radius:11px;font-weight:600;color:var(--ink2);transition:.2s}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 6px rgba(0,0,0,.12)}
.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}.field input{min-height:50px;border-radius:13px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);padding:0 14px;font:inherit;width:100%}.field input:focus{border-color:var(--ink);outline:none}
.err{color:var(--bad);font-size:13px;min-height:20px;padding:4px 0}.hint{font-size:13px;color:var(--ink2);margin-top:6px}
/* home */
.top{display:flex;align-items:center;justify-content:space-between;padding-top:max(16px,env(safe-area-inset-top,0px));padding-bottom:12px}.top .brand{display:flex;align-items:center;gap:10px}.top-actions{display:flex;gap:8px;align-items:center}
.scroll{flex:1;overflow:auto;padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.greet{font-weight:800;font-size:26px;line-height:1.15;letter-spacing:-.02em;margin:10px 0 4px;text-wrap:balance}.sub{color:var(--ink2);margin:0 0 18px}
.day{margin-bottom:22px}.day h3{margin:0 0 10px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.trip{display:block;width:100%;text-align:left;background:var(--surface2);border-radius:18px;padding:16px;margin-bottom:10px;transition:transform .2s,box-shadow .2s;animation:rise .5s both}.trip:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.1)}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.trip-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.leg{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;background:var(--surface);color:var(--ink2)}.pill.live{background:var(--info-bg);color:var(--info)}.pill.arrived{background:var(--warn-bg);color:var(--ink)}.pill.done{background:var(--ok-bg);color:var(--ok)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}.pill.live i,.pill.arrived i{animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.25}}
.trip-when{font-weight:700;font-size:17px;margin-bottom:10px}.stops{display:flex;flex-direction:column;gap:2px;position:relative}.stop{display:flex;gap:12px;align-items:flex-start;position:relative;padding:5px 0}.dot{width:12px;height:12px;border-radius:50%;border:3px solid var(--ink);margin-top:5px;flex:none;background:var(--surface)}.dot.sq{border-radius:3px;background:var(--ink)}.stop+.stop::before{content:"";position:absolute;left:5px;top:-13px;height:20px;border-left:2px solid var(--line)}.stop b{display:block;font-weight:600}.stop span{font-size:13px;color:var(--ink2)}
.trip-foot{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--ink2)}.mini-av{width:30px;height:30px;border-radius:50%;background:var(--btn);color:var(--btn-fg);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.empty{padding:34px 16px;text-align:center;color:var(--ink2);background:var(--surface2);border-radius:18px}.empty b{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}
.addb{margin-top:6px;border:1.5px dashed var(--line);border-radius:14px;padding:12px;width:100%;font-weight:600;color:var(--ink2)}.addbox{background:var(--surface2);border-radius:16px;padding:14px;margin-top:10px;animation:enter .25s}
.privacy{font-size:13px;color:var(--ink2);text-align:center;margin:16px 0 0}
/* live */
.map,.nomap{position:absolute;inset:0;background:var(--m-bg)}.nomap svg{width:100%;height:100%}.leaflet-container{font:inherit;background:var(--m-bg)}
@media(prefers-color-scheme:dark){.leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(.9) saturate(.8)}}
.live-top{position:absolute;left:0;right:0;top:0;z-index:600;display:flex;justify-content:space-between;align-items:center;padding-top:max(14px,env(safe-area-inset-top,0px))}.live-top .left{display:flex;gap:8px;align-items:center}
.idchip{background:var(--surface);border-radius:999px;padding:9px 14px;font-weight:700;font-size:13px;box-shadow:0 2px 10px rgba(0,0,0,.2)}.livechip{background:var(--surface);border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px;letter-spacing:.06em;display:flex;gap:6px;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.2);margin-right:max(0px,env(safe-area-inset-right,0px))}.livechip i{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:blink 1.2s infinite}
.sheet{position:absolute;left:0;right:0;bottom:0;z-index:700;background:var(--surface);border-radius:26px 26px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.22);height:25%;overflow:auto;padding-top:6px;padding-bottom:max(18px,env(safe-area-inset-bottom,0px));animation:sheetUp .5s cubic-bezier(.2,.8,.2,1);transition:height .35s cubic-bezier(.2,.8,.2,1)}@keyframes sheetUp{from{transform:translateY(40%);opacity:0}to{transform:none;opacity:1}}
.grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 12px}.headline{font-weight:800;font-size:24px;line-height:1.15;letter-spacing:-.02em;margin:0;text-wrap:balance}.headline small{display:block;font:500 14px var(--font);color:var(--ink2);letter-spacing:0;margin-top:6px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:14px 0 6px}.steps i{height:4px;border-radius:2px;background:var(--line);transition:background .4s}.steps i.on{background:var(--ink)}.steplabels{display:flex;justify-content:space-between;font-size:11px;color:var(--ink2);margin-bottom:14px}.steplabels b{color:var(--ink)}
.drv{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.av{width:52px;height:52px;border-radius:50%;background:var(--btn);color:var(--btn-fg);display:grid;place-items:center;font-weight:800;font-size:17px;flex:none}.drv-main{flex:1;min-width:0}.drv-main b{display:block;font-size:16px}.drv-main span{font-size:13px;color:var(--ink2)}
.plate{font-weight:800;font-size:15px;letter-spacing:.06em;border:2px solid var(--ink);border-radius:8px;padding:5px 9px;white-space:nowrap}.plate.big{font-size:20px;padding:8px 14px;background:var(--amber);color:var(--amber-fg);border-color:var(--amber-fg)}.carline{font-size:14px;color:var(--ink2);margin:-4px 0 12px}
.acts{display:flex;gap:8px;margin-bottom:12px}.acts .btn{flex:1}.reveal{background:var(--surface2);border-radius:12px;padding:10px 12px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600;animation:enter .25s}
.quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;animation:enter .25s}.quick button{background:var(--surface2);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.quick button:hover{background:var(--line)}.custom{display:flex;gap:8px;width:100%}.custom input{flex:1;min-height:42px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);padding:0 12px;font:inherit;min-width:0}
.route{margin:6px 0 14px;padding:12px 14px;background:var(--surface2);border-radius:14px}
.arrive-banner{display:flex;align-items:center;gap:12px;background:var(--warn-bg);border-radius:16px;padding:14px;margin-bottom:12px}.arrive-banner .ring{width:40px;height:40px;border-radius:50%;background:var(--amber);color:var(--amber-fg);display:grid;place-items:center;animation:ping 1.6s infinite;flex:none}@keyframes ping{0%{box-shadow:0 0 0 0 rgba(245,165,36,.6)}100%{box-shadow:0 0 0 16px rgba(245,165,36,0)}}
.okbanner{display:flex;align-items:center;gap:12px;background:var(--ok-bg);color:var(--ok);border-radius:16px;padding:14px;margin-bottom:12px;font-weight:700;animation:enter .3s}
.check{width:72px;height:72px;margin:6px auto 8px;display:block}.check circle{fill:none;stroke:var(--ok);stroke-width:4;stroke-dasharray:190;stroke-dashoffset:190;animation:draw .7s .1s forwards}.check path{fill:none;stroke:var(--ok);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:draw .5s .6s forwards}@keyframes draw{to{stroke-dashoffset:0}}
.stars{display:flex;gap:6px;justify-content:center;margin:10px 0 16px}.stars button{font-size:34px;line-height:1;color:var(--line);transition:transform .15s,color .15s}.stars button.on{color:var(--amber)}.stars button:hover{transform:scale(1.15)}.center{text-align:center}.next{margin-top:12px;background:var(--info-bg);border-radius:14px;padding:12px 14px;font-size:14px}
.toasts{position:absolute;z-index:3000;left:0;right:0;top:max(12px,env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:8px;pointer-events:none;padding:0 16px}.toast{background:var(--btn);color:var(--btn-fg);border-radius:16px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:toastIn .4s cubic-bezier(.2,.8,.2,1);display:flex;gap:10px;align-items:flex-start}.toast b{display:block;font-size:14px}.toast span{font-size:13px;opacity:.8}.toast.out{animation:toastOut .3s forwards}.toast.err{background:var(--bad);color:#fff}@keyframes toastIn{from{transform:translateY(-30px);opacity:0}to{transform:none;opacity:1}}@keyframes toastOut{to{transform:translateY(-20px);opacity:0}}
/* map markers */
.carm{width:64px;height:64px;margin:-32px 0 0 -32px;display:grid;place-items:center;position:relative}.carm:before{content:'';position:absolute;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle,rgba(245,165,36,.38),rgba(245,165,36,0) 68%);animation:carpulse 2s ease-out infinite}.carm .rot{transition:transform .9s cubic-bezier(.3,.7,.3,1);width:64px;height:64px;display:grid;place-items:center;position:relative}.carm svg{width:34px;height:64px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.4))}@keyframes carpulse{0%{transform:scale(.55);opacity:.9}100%{transform:scale(1.25);opacity:0}}@media (prefers-reduced-motion:reduce){.carm:before{animation:none}}
.pin{position:relative;width:0;height:0}.pin .a{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--amber);border:4px solid #0E1A26}.pin .a::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--amber);opacity:.4;animation:pulse2 2s ease-out infinite}.pin .b{position:absolute;left:-10px;top:-10px;width:20px;height:20px;border-radius:5px;background:#0E1A26;border:5px solid #0E1A26;box-shadow:inset 0 0 0 3px #fff}
@keyframes pulse2{from{transform:scale(.6);opacity:.55}to{transform:scale(2.6);opacity:0}}.pin .l{position:absolute;left:16px;top:-24px;white-space:nowrap;font-weight:700;font-size:13px;color:#0E1A26;background:rgba(255,255,255,.92);padding:2px 8px;border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.25)}
.rt-anim{stroke-dasharray:1 12;animation:flow2 1s linear infinite}@keyframes flow2{to{stroke-dashoffset:-13}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.leaflet-top.leaflet-right{margin-top:60px}.leaflet-control-attribution{font-size:10px;background:rgba(255,255,255,.7)!important;color:#333}

/* map = top three quarters; the info sheet is the bottom quarter and slides up when tapped */
.sheet.open{height:66%}.grab{width:56px;height:20px;background:none;margin:0 auto 4px;position:relative;cursor:pointer}.grab::after{content:"";position:absolute;left:8px;right:8px;top:8px;height:4px;border-radius:2px;background:var(--line)}
.sheet:not(.open) .headline{font-size:20px}.sheet:not(.open) .headline small{font-size:13px;margin-top:3px}.sheet:not(.open) .steps{margin:8px 0 4px}.sheet:not(.open) .steplabels{margin-bottom:8px}
.more{display:block;text-align:center;font-size:12px;color:var(--ink2);margin:2px 0 0}
.livechip.stale i{background:var(--amber);animation:none}.livechip.wait i{background:var(--ink2);animation:blink 1.2s infinite}
.livecard{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--btn);color:var(--btn-fg);border-radius:18px;padding:14px 16px;margin-bottom:18px;animation:rise .5s both;box-shadow:0 10px 26px rgba(14,26,38,.25)}.livecard .lc-i{width:42px;height:42px;border-radius:50%;background:var(--amber);color:var(--amber-fg);display:grid;place-items:center;flex:none;animation:ping 1.6s infinite}.livecard b{display:block;font-size:16px}.livecard span{font-size:13px;opacity:.8}.livecard .go{margin-left:auto;font-weight:800;color:var(--amber)}
.top-actions .btn.amber{min-height:42px;padding:0 14px;gap:6px}
.wordmark,.btn{white-space:nowrap}.top .wordmark{font-size:19px}.top-actions{gap:8px}

/* v6.2 navigation bar, ETA + plate card, map buttons */
.bnav{position:absolute;left:0;right:0;bottom:0;z-index:900;height:calc(64px + env(safe-area-inset-bottom,0px));padding:6px 6px env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(0,0,0,.08)}.bnav[hidden]{display:none}
.bnav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700;color:var(--ink2);border-radius:12px;transition:color .2s,background .2s}.bnav button svg{width:23px;height:23px;transition:transform .25s}
.bnav button.on{color:var(--ink);background:var(--surface2)}.bnav button.on svg{transform:translateY(-1px) scale(1.08)}.bnav button.on::before{content:"";position:absolute;top:-7px;left:50%;width:26px;margin-left:-13px;height:3px;border-radius:2px;background:var(--amber)}
.bnav button.live::after{content:"";position:absolute;top:6px;left:calc(50% + 8px);width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(245,165,36,.6);animation:navping 1.6s infinite}@keyframes navping{70%{box-shadow:0 0 0 8px rgba(245,165,36,0)}100%{box-shadow:0 0 0 0 rgba(245,165,36,0)}}
.phone.hasnav .screen{bottom:calc(64px + env(safe-area-inset-bottom,0px))}
.mapctl{position:absolute;right:max(12px,env(safe-area-inset-right,0px));top:calc(max(14px,env(safe-area-inset-top,0px)) + 142px);z-index:640;display:flex;flex-direction:column;gap:8px}
.mapctl button{width:42px;height:42px;border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.25);display:grid;place-items:center;font-size:22px;font-weight:700;line-height:1}.mapctl button svg{width:20px;height:20px}.mapctl button.on{background:var(--amber);color:var(--amber-fg)}.mapctl button:active{transform:scale(.94)}
.platecard{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface2);border-radius:14px;padding:10px 12px;margin:0 0 10px}.platecard small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink2);margin-bottom:3px}.platecard .pc-v b{font-size:15px}.platecard .pc-p{text-align:right}
.acts .btn.sm{padding:0 10px;flex:1}a.btn{text-decoration:none}
.acct{display:flex;align-items:center;gap:14px;background:var(--surface2);border-radius:18px;padding:16px;margin:6px 0 16px}.acct .av{width:58px;height:58px;font-size:20px}.acct b{display:block;font-size:18px}.acct span{color:var(--ink2);font-size:14px;word-break:break-all}
.alist{display:flex;flex-direction:column;gap:10px}.alist .btn{justify-content:flex-start;gap:12px}.alist .btn svg{width:22px;height:22px}
@media(max-height:700px){.plate.sm{font-size:12px;padding:2px 7px;border-width:1.5px;margin-left:auto;flex:none}.trip-foot{gap:10px}}
.bnav button{font-size:10.5px}.bnav button svg{width:22px;height:22px}
.bk{background:var(--surface2);border-radius:18px;padding:14px;margin:0 0 12px;animation:enter .35s both}.bk-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.bk-when{font-weight:800;font-size:15px}.bk-day{color:var(--ink2);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.bk-ids{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.bk-id{display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:8px 10px}.bk-id small{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink2);min-width:74px}.bk-id b{flex:1;font-size:19px;letter-spacing:.03em;word-break:break-all;font-variant-numeric:tabular-nums}.bk-id button{background:var(--btn);color:var(--btn-fg);border-radius:9px;padding:6px 12px;font-weight:700;font-size:13px}.bk-id button.done{background:var(--ok);color:#fff}.bk-id.none{color:var(--ink2);font-size:13px}
.bk-route{font-size:13px;color:var(--ink2);margin-bottom:10px}.bk-route b{color:var(--ink)}.bk-foot{display:flex;gap:8px;align-items:center}.bk-foot .btn{flex:1}.bk-via{font-size:11.5px;color:var(--ink2);margin-top:8px}
.bkgrp{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin:14px 2px 8px}
.logo{background:none!important;object-fit:contain;display:block;width:42px;height:42px;border-radius:0}.hero .brand .logo{width:46px;height:46px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.logo{flex:none}
.logo{padding:0!important}

.top-actions .btn.ghost{min-height:42px;padding:0 12px;gap:6px}
@media (max-width:360px){.top-actions .btn.ghost{padding:0 10px;font-size:13px}.top-actions .btn.amber{padding:0 10px}}

/* v6.9: full-height map (ends at the bottom menu), ETA button top-left, sheet hidden until asked for */
.mapctl{top:calc(max(14px,env(safe-area-inset-top,0px)) + 62px)!important}
.etawrap{position:absolute;z-index:650;left:0;top:calc(max(14px,env(safe-area-inset-top,0px)) + 54px);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.etawrap[hidden]{display:none}
.etabtn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 15px;border-radius:999px;background:var(--amber);color:var(--amber-fg);font-weight:800;font-size:14px;box-shadow:0 3px 12px rgba(0,0,0,.28)}.etabtn svg{flex:none}.etabtn span{font-variant-numeric:tabular-nums}
.etapop{background:var(--surface);border-radius:16px;box-shadow:0 6px 22px rgba(0,0,0,.26);padding:11px 14px;max-width:260px}.etapop[hidden]{display:none}.etapop small{display:block;font-size:12.5px;font-weight:700;color:var(--ink2);margin-bottom:7px}.etapop .pl{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.etapop .plate{font-size:18px;padding:4px 10px}.etapop .vh{font-size:12px;color:var(--ink2)}
.sheet{height:66%!important;animation:none!important;transform:translateY(105%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}.sheet.open{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.detbtn{position:absolute;z-index:660;left:50%;bottom:14px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 18px;border-radius:999px;background:var(--surface);color:var(--ink);font-weight:800;font-size:14px;box-shadow:0 3px 14px rgba(0,0,0,.28)}.sheet.open + .detbtn{display:none}
.live-top{pointer-events:none}.live-top>*,.live-top .left>*{pointer-events:auto}.live-top .left{pointer-events:none}