.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home .kpis{gap:12px 0}.home .kpis>div{border-inline-start:1px solid var(--line);padding-inline:28px}.home .kpis>div:first-child{border:0;padding-inline-start:0}.home .kpis dt{align-items:center;gap:6px;display:flex}.home .kpis dt:before{content:"";background:var(--c,var(--ink));border-radius:50%;width:8px;height:8px}.home .kpis dd{font-size:26px}.k-online{--c:var(--driving)}.k-offline{--c:var(--offline)}.k-low{--c:var(--ready)}#flink:before{background:var(--nodata)}html[data-link=live] #flink:before{background:var(--driving)}html[data-link=reconnecting] #flink:before{background:var(--ready)}#fpanel{width:min(330px,100%)}.search input{border:1px solid var(--line2);width:100%;min-height:40px;font:inherit;background:var(--sunk);color:var(--ink);border-radius:10px;padding:0 12px}.search input:focus{background:var(--panel)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--line2);background:var(--panel);min-height:36px;color:var(--muted);font:inherit;cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.chips button:not([data-f=all]):before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px}.chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--panel)}.fres{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.clear{min-height:36px;color:var(--accent-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 6px;font-weight:600;text-decoration:underline}.fbody{grid-template-columns:minmax(0,1fr) 300px;gap:12px;display:grid}.mapbox{background:var(--sunk);border:1px solid var(--line);border-radius:10px;height:clamp(420px,62dvh,760px);position:relative;overflow:hidden}#map{position:absolute;inset:0}.pick{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.pick .phead{justify-content:space-between;align-items:center;gap:8px;min-height:18px;display:flex}.pick .ptitle{color:var(--text);font-size:13px;font-weight:600}.pick .x{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:32px;min-height:32px;margin:-8px -8px -8px 0;font-size:22px;line-height:1}.pick .x:hover{background:var(--sunk);color:var(--ink)}.pick .pid{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pick .pid>div{min-width:0}.pick h3{font:700 17px/1.3 var(--display);color:var(--ink);overflow-wrap:anywhere;margin:0}.pick dl{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding-top:10px;display:grid}.pick dt{color:var(--muted);font-size:12px}.pick dd{font:700 20px/1.1 var(--display);color:var(--ink);white-space:nowrap;margin:2px 0 0}.pick .note{margin:0}.pick .btn{margin-top:auto}.pick.none{justify-content:flex-start}.pick .hint{color:var(--muted);margin:0;padding-top:4px;font-size:12px}.cl.num{color:var(--panel)}.cl{background:var(--ink);color:var(--panel);border:3px solid var(--panel);cursor:pointer;border-radius:50%;place-items:center;font-size:17.6px;display:grid;box-shadow:0 6px 16px -4px oklch(20% .03 255/.5)}.vhead,.vrow{grid-template-columns:minmax(0,1.3fr) 130px minmax(160px,1.5fr) 90px 100px;align-items:center;gap:4px 16px;padding-inline:10px;display:grid}.vhead{color:var(--muted);border-bottom:1px solid var(--line);padding-block:0 6px;font-size:12px}.vhead span:last-child,.vrow .seen{text-align:end}.vlist{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:448px;margin:0;padding:0;list-style:none;position:relative;overflow-y:auto}.vhead,.shead{padding-inline-end:20px}.vrow{border:0;border-bottom:1px solid var(--line);width:100%;font:inherit;color:var(--ink);text-align:start;cursor:pointer;background:0 0;border-radius:0;min-height:56px;padding-block:8px}.vlist li:last-child .vrow{border-bottom:0}.vrow:hover{background:var(--sunk)}.vrow.sel{background:var(--sunk);box-shadow:inset 3px 0 0 var(--ink)}.vrow .chip{justify-self:start}.vname b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.vname small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.seen,.rng{color:var(--muted);white-space:nowrap;font-size:12px}.rng b{font:700 15px/1 var(--display);color:var(--ink)}.chg{align-items:center;gap:10px;display:flex}.chg b{font:700 15px/1 var(--display);text-align:end;min-width:3.4ch;color:var(--ink)}.chg b span{color:var(--muted);font-size:12px;font-weight:500}.chg i{background:var(--track);border-radius:9px;flex:1;min-width:56px;height:8px;overflow:hidden}.chg i u{background:var(--c,var(--driving));border-radius:9px;height:100%;display:block}.empty{text-align:center;color:var(--muted);margin:0;padding:36px 16px}.skel{border-bottom:1px solid var(--line);background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--ink) 6%, transparent), transparent) 0 0 / 200% 100%;height:56px;animation:1.4s linear infinite sk}@keyframes sk{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.more{border:1px solid var(--line2);background:var(--panel);min-height:40px;font:inherit;color:var(--ink);cursor:pointer;border-radius:10px;margin:8px auto 0;padding:0 20px;font-weight:600;display:block}.shead,.srow{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4px 16px;padding-inline:10px;display:grid}.shead{color:var(--muted);border-bottom:1px solid var(--line);padding-block:0 6px;font-size:12px}.srow{border:0;border-bottom:1px solid var(--line);width:100%;font:inherit;color:var(--ink);text-align:start;cursor:pointer;background:0 0;border-radius:0;min-height:56px;padding-block:8px}.vlist li:last-child .srow{border-bottom:0}.srow:hover,.srow.sel{background:var(--sunk)}.srow.sel{box-shadow:inset 3px 0 0 var(--ink)}.srow .ar,.srow .ct{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pick .addr{color:var(--text);overflow-wrap:anywhere;margin:0}.pick .coords{color:var(--muted);font:500 12px var(--mono);margin:0}.pick .stdot{background:#cc1b28;border-radius:50%;flex:none;width:12px;height:12px;margin-top:6px}@media (width<=1000px){.fbody{grid-template-columns:minmax(0,1fr)}.mapbox{height:clamp(320px,52dvh,520px)}.pick.none{display:none}}@media (width<=900px){.vlist{max-height:min(448px,60dvh)}.vhead,.shead{display:none}.srow{grid-template-columns:minmax(0,1fr) auto}.srow .ct{text-align:end}.vrow{grid-template-columns:minmax(0,1fr) auto;padding-block:10px}.vrow .chg{grid-area:2/1/auto/-1}.vrow .rng{grid-area:3/1}.vrow .seen{grid-area:3/2}}@media (width<=700px){.home .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0;width:100%;display:grid}.home .kpis>div,.home .kpis>div:first-child{border:0;padding-inline:0 8px}.home .kpis>div:nth-child(2n){border-inline-start:1px solid var(--line);padding-inline-start:16px}#fpanel{width:100%}}
