.cars{display:flex;flex-direction:column;gap:22px}.cars-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 0}.cars-eyebrow{color:#72b697;font-size:10px;letter-spacing:.16em;font-weight:700}.cars-head h1{font-size:28px;font-weight:750;margin:4px 0 3px;letter-spacing:-.04em}.cars-head p{margin:0;color:var(--label-3);font-size:12px}.cars-connection{display:flex;align-items:center;gap:8px;color:var(--label-3);font-size:10px;padding:7px 11px;border:1px solid var(--separator);border-radius:30px}.cars-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(140,177,165,.14);border-radius:15px;background:linear-gradient(120deg,#2d5a461f,#151e2b59);padding:18px 0}.cars-summary>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 25px}.cars-summary>div+div{border-left:1px solid var(--separator)}.cars-summary>div>span{display:flex;align-items:center;gap:8px;color:#91a39e;font-size:11px}.cars-summary>div>strong{font-size:24px;font-weight:600}.cars-summary strong small{font-size:10px;font-weight:400;color:var(--label-3)}.cars-green{color:#8ae1bc}.cars-amber{color:#e4ba75}.cars-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.cars-filters{display:flex;flex-wrap:wrap;gap:5px}.cars-filters button{border:1px solid transparent;padding:7px 12px;background:transparent;color:#7f92a1;font-size:11px;border-radius:7px;cursor:pointer}.cars-filters button.selected{background:#73b89b1a;color:#a8d8c1;border-color:#73b89b21}.cars-search{display:flex;gap:8px;align-items:center;color:#6d8396;background:#080f17b3;border:1px solid var(--separator);border-radius:8px;padding:9px 11px;width:270px}.cars-search input{background:none;border:0;outline:none;color:#b9c9d2;width:100%;font:inherit;font-size:11px}.cars-search:focus-within{border-color:#4d9975}.cars-search input::placeholder{color:#627789}.cars-empty-page{display:flex;flex-direction:column;align-items:center;gap:9px;padding:50px 20px;color:#728696;background:#ffffff06;border:1px dashed var(--separator);border-radius:15px;font-size:12px}.cars-empty-page strong{color:#abbfca;font-size:14px;font-weight:500}.cars-notice{color:#e0b989;background:#382d211f;border:1px solid #644728;padding:12px;border-radius:8px;font-size:12px}.cars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:16px}.cars-card{text-align:left;background:radial-gradient(ellipse at 5% 0%,rgba(82,122,114,.09),transparent 60%),#101823;border:1px solid rgba(154,181,193,.13);border-radius:17px;padding:21px;cursor:pointer;color:var(--label);display:flex;flex-direction:column;gap:0;transition:border-color .15s,background .15s;min-width:0}.cars-card:hover{border-color:#84d0ae73;background-color:#13202b}.cars-card:focus-visible{outline:2px solid #8ec9af;outline-offset:3px}.cars-card-top{display:flex;align-items:center;gap:12px}.cars-vehicle-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:#7ba79b17;border:1px solid rgba(123,167,155,.08);color:#9ac4b5;flex:none}.cars-card-name{display:flex;flex-direction:column;gap:2px;min-width:0}.cars-card-name strong{font-size:15px;font-weight:650;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cars-card-name small{font-size:10px;color:#778e9c}.cars-open{margin-left:auto;flex:none;color:#617c88}.cars-card-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 17px}.cars-link{font-size:9px;display:flex;align-items:center;gap:6px;color:#7d919f}.cars-link i{width:5px;height:5px;background:#627283;border-radius:50%}.cars-link.on{color:#8db6a5}.cars-link.on i{background:#77dcb3}.cars-mode{font-size:9px;border:1px solid currentColor;border-radius:30px;padding:1px 7px}.cars-energy{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:73px}.cars-energy>div:first-child{display:flex;flex-direction:column}.cars-metric-label{font-size:10px;color:#889caa;margin-bottom:4px}.cars-energy>div>strong{display:block;font-size:37px;font-weight:600;line-height:1.1;letter-spacing:-.045em}.cars-energy strong small{font-size:15px;font-weight:400;letter-spacing:0}.cars-estimate{color:#657e8d;font-size:8px;margin-top:6px}.cars-charge-percent{text-align:right;display:flex;flex-direction:column;gap:4px}.cars-energy .cars-charge-percent>strong{font-size:18px;color:#a7bbb9;letter-spacing:-.02em}.cars-charge-percent strong small{font-size:11px}.cars-charge-percent>span{font-size:9px;color:#6c8493}.cars-charge-percent .cars-plug{display:flex;justify-content:flex-end;align-items:center;gap:3px;color:#d1b772}.cars-soc-bar{height:4px;background:#23333b;border-radius:3px;overflow:hidden;margin:16px 0 18px}.cars-soc-bar>div{height:100%;border-radius:3px}.cars-card-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.cars-card-stats>span{display:flex;flex-direction:column;gap:3px;text-align:center}.cars-card-stats>span+span{border-left:1px solid var(--separator)}.cars-card-stats b{color:#c6d4dc;font-size:17px;font-weight:500}.cars-card-stats small{color:#6f8698;font-size:9px}.cars-signals{display:flex;align-items:center;gap:7px;padding:9px 10px;background:#77a79a0e;border:1px solid rgba(119,167,154,.075);border-radius:8px;color:#93b4a7;font-size:10px}.cars-signals.attention{color:#e0bb85;background:#cb9b560f;border-color:#cb9b561a}.cars-signals svg{flex:none}.cars-signals small{margin-left:auto;color:#77998c;font-size:9px}.cars-card-age{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#6f8594;padding-top:13px}.cars-card-age time{color:#8ba2ad}.cars-card-receipt{color:#536d7e;font-size:8px;margin-top:3px;text-align:right}.cars-map-section{display:flex;flex-direction:column;gap:12px}.cars-map-section>div:first-child{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cars-map-section h2{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;margin:0;color:#b4c9c1}.cars-map-section>div:first-child>span{font-size:10px;color:#728898}@media (max-width:850px){.cars-summary>div{padding:0 15px;flex-direction:column;align-items:flex-start;gap:9px}.cars-toolbar{align-items:stretch}.cars-search{width:235px}}@media (max-width:580px){.cars{gap:17px}.cars-head{align-items:flex-start}.cars-head h1{font-size:25px}.cars-head p{font-size:10px}.cars-connection{padding:7px}.cars-connection>span:last-child{display:none}.cars-summary{padding:14px 0}.cars-summary>div{padding:0 11px}.cars-summary>div>span{font-size:9px;gap:5px}.cars-summary>div>span svg{width:12px}.cars-summary>div>strong{font-size:23px}.cars-summary strong small{font-size:8px}.cars-toolbar{flex-direction:column;gap:9px}.cars-search{width:100%}.cars-filters button{padding:6px 10px;font-size:10px}.cars-grid{grid-template-columns:1fr}.cars-card{padding:19px}}.tone-ok{--signal: #77dcb3}.tone-warn{--signal: #f0bd6d}.tone-active{--signal: #57dac3}.tone-neutral{--signal: #9eabbc}.tone-unknown{--signal: #718094}.tone-unverified{--signal: #c4a1e9}.vs-panel{border:1px solid rgba(115,191,171,.18);border-radius:20px;background:linear-gradient(125deg,#1f423b2e,#101721d1 55%);overflow:hidden}.vs-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 26px 18px}.vs-eyebrow{display:flex;align-items:center;gap:7px;color:#79bea5;font-size:10px;font-weight:700;letter-spacing:.16em}.vs-heading h2{margin:4px 0 2px;font-size:23px;font-weight:750;letter-spacing:-.03em}.vs-heading p{margin:0;font-size:12px;color:var(--label-3)}.vs-coverage{text-align:right;display:flex;flex-direction:column}.vs-coverage strong{font-size:27px;color:#9cdfc7;font-weight:600;line-height:1.25}.vs-coverage strong small{color:#687d83;font-size:16px;font-weight:400}.vs-coverage>span{color:var(--label-3);font-size:10px}.vs-layout{display:grid;grid-template-columns:minmax(310px,1.05fr) 2fr;gap:24px;padding:0 26px 22px}.vs-body-card{display:flex;flex-direction:column;justify-content:center;align-self:start;padding:16px 12px;border-radius:16px;background:radial-gradient(ellipse at 50% 30%,rgba(53,97,91,.18),transparent 70%),#040a1147;border:1px solid rgba(170,198,200,.07)}.vs-turn{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:1px 18px 3px;color:#354b50}.vs-turn>svg{flex:none;stroke-width:2.2;color:#8fa3ac;opacity:.3}.vs-turn>svg.on{color:#ffad42;opacity:1;filter:drop-shadow(0 0 7px #ff9d4280);animation:vs-turn-blink 1s steps(1,end) infinite}@keyframes vs-turn-blink{0%,to{opacity:1;filter:drop-shadow(0 0 7px #ff9d4280)}50%{opacity:.16;filter:none}}@media (prefers-reduced-motion: reduce){.vs-turn>svg.on{animation:none}}.vs-hazard{display:block;position:relative;width:32px;height:32px;flex:none}.vs-hazard>svg{display:block;width:100%;height:100%}.vs-hazard.on{color:#ff897c;filter:drop-shadow(0 0 7px #ff695c55)}.vs-turn.is-unknown{color:var(--signal)}.vs-turn.is-unknown>svg{color:inherit;opacity:.8}.vs-turn.is-unknown svg{stroke-dasharray:3 3}.vs-lights-unknown{position:absolute;right:-9px;top:-3px;width:16px;height:16px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;background:#101a22;color:var(--signal);font-size:11px;font-weight:700;line-height:1}.vehicle-body{width:100%;max-width:330px;display:block;margin:5px auto 0}.vehicle-front{font-size:9px;letter-spacing:.03em;fill:#7b929d;text-anchor:middle}.vehicle-part{stroke:var(--signal);fill:var(--signal)}.vehicle-part.tone-unknown,.vehicle-part.tone-unverified{stroke-dasharray:3 4}.vehicle-guide{stroke-width:.7;stroke-dasharray:2 3;opacity:.55}.vehicle-door-label{font-size:8px;fill:#869da9;stroke:none}.vs-body-legend{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;color:var(--label-3);font-size:8px}.vs-body-legend span{display:flex;align-items:center;gap:4px}.vs-body-legend i{border:1px dashed #718094;width:7px;height:7px;border-radius:50%}.vs-body-legend i.ok{background:#77dcb3;border:0}.vs-body-legend i.warn{background:#f0bd6d;border:0}.vs-turn-time{text-align:center;color:#6f8393;font-size:9px;margin:13px 0}.vs-lock{display:flex;gap:12px;align-items:center;padding:14px 12px;background:#87aca90e;border-radius:10px}.vs-lock>svg{color:var(--signal);flex:none}.vs-lock div{display:flex;flex-direction:column}.vs-lock span{font-size:10px;color:var(--label-3)}.vs-lock strong{color:var(--signal);font-size:13px;margin:2px 0}.vs-lock small{font-size:9px;color:#6f8393}.vs-groups{display:grid;grid-template-columns:1fr 1fr;gap:21px;min-width:0}.vs-group{min-width:0}.vs-group h3{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;color:#c8d7d7;margin:0 0 9px;padding:7px 0 10px;border-bottom:1px solid rgba(152,175,194,.12)}.vs-group h3 svg{color:#709791}.vs-signal{padding:7px 0;min-width:0}.vs-signal-top{display:flex;gap:5px 10px;justify-content:space-between;flex-wrap:wrap}.vs-signal-label{color:#abbbc5;font-size:10px}.vs-state{display:inline-flex;align-items:center;gap:5px;color:var(--signal);font-size:11px;font-weight:600}.vs-state i{width:5px;height:5px;border-radius:50%;background:var(--signal);flex:none}.tone-unknown .vs-state i{background:transparent;border:1px solid var(--signal)}.vs-observation{display:block;margin-top:3px;font-size:8px;color:#738495}.vs-note{font-size:9px;line-height:1.8;color:#7c8ea0;margin:10px 0 0}.vs-seats{grid-column:1 / -1}.vs-seat-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 22px}.vs-mirror{margin-top:8px;padding-top:4px;border-top:1px dashed rgba(129,157,173,.14)}.vs-footnote{display:flex;align-items:flex-start;gap:8px;margin:0 26px 19px;font-size:10px;color:#899baa;line-height:1.8}.vs-footnote svg{flex:none;margin-top:2px;color:#73a093}.vs-evidence{border-top:1px solid rgba(129,157,173,.12)}.vs-evidence summary{cursor:pointer;display:flex;gap:8px;align-items:center;padding:15px 26px;font-size:10px;color:#9bafb8;list-style:none}.vs-evidence summary:before{content:"+";color:#75ae96;font-size:16px;width:9px}.vs-evidence[open] summary:before{content:"−"}.vs-evidence summary span{margin-left:auto;color:#6f8393;font-size:9px}.vs-table-wrap{overflow-x:auto}.vs-evidence table{width:100%;border-collapse:collapse;font-size:10px;text-align:left;white-space:nowrap}.vs-evidence td,.vs-evidence th{padding:11px 20px;border-top:1px solid rgba(129,157,173,.09);vertical-align:top}.vs-evidence th{color:#748b9b;font-weight:500}.vs-evidence code{display:block;color:#6d8b9f;font-size:9px}.telemetry-history{border:1px solid var(--separator);border-radius:15px;background:#ffffff06;overflow:hidden}.telemetry-toggle{width:100%;background:none;border:0;display:flex;gap:13px;align-items:center;padding:18px 20px;cursor:pointer;text-align:left}.telemetry-toggle>svg:first-child{color:#7aa99d}.telemetry-toggle span{flex:1}.telemetry-toggle strong{display:block;font-size:13px;font-weight:650}.telemetry-toggle small{display:block;font-size:10px;color:var(--label-3);margin-top:2px}.telemetry-content{padding:0 20px 16px}.telemetry-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.telemetry-toolbar p{font-size:10px;color:#7e909e;margin:0}.telemetry-error{padding:14px;border:1px solid #7d534f;color:#edb2a9;border-radius:8px;margin-bottom:10px;font-size:12px}.telemetry-error button{border:0;background:none;text-decoration:underline;cursor:pointer}.telemetry-record{border-top:1px solid var(--separator)}.telemetry-record summary{display:flex;gap:15px;align-items:center;padding:12px 3px;font-size:11px;cursor:pointer;list-style:none}.telemetry-kind{background:#6596881f;color:#9bc4b9;border-radius:5px;padding:3px 7px;width:63px;text-align:center;font-size:10px;flex:none}.telemetry-record summary b{font-weight:500}.telemetry-record summary small{display:block;color:#718594;font-size:9px;margin-top:2px}.telemetry-record summary>code{margin-left:auto;color:#7c94a1}.telemetry-record-meta{font-size:10px;color:#7d93a1;overflow-wrap:anywhere;padding:2px 0 10px}.telemetry-record pre{padding:14px;background:#060c14;border-radius:8px;color:#a4c0ca;font-size:10px;overflow:auto;max-height:360px}.telemetry-footer{display:flex;justify-content:space-between;align-items:center;color:#758b9b;font-size:10px;padding-top:14px}.telemetry-empty{color:#8196a6;text-align:center;padding:30px;font-size:12px}@media (max-width: 1050px){.vs-layout{grid-template-columns:240px 1fr;gap:18px}.vs-groups{grid-template-columns:1fr;gap:16px}.vs-seat-grid{grid-template-columns:1fr}.vs-body-card{position:sticky;top:16px}}@media (max-width: 640px){.vs-heading{padding:18px 17px}.vs-heading h2{font-size:20px}.vs-heading p{font-size:10px}.vs-layout{grid-template-columns:1fr;padding:0 17px 18px}.vs-body-card{position:static}.vehicle-body{max-width:280px}.vs-groups{grid-template-columns:1fr 1fr;gap:18px 16px}.vs-seat-grid{grid-template-columns:1fr 1fr}.vs-signal-top{flex-direction:column;gap:3px}.vs-signal-label,.vs-state{font-size:10px}.vs-footnote{margin:0 17px 17px}.vs-evidence summary{padding:13px 17px;flex-wrap:wrap}.vs-evidence summary span{margin-left:18px}.telemetry-content{padding:0 14px 14px}.telemetry-toolbar{align-items:flex-start}.telemetry-record summary{gap:9px}}.tone-bad{--signal: #f28c84}.vs-integrated-car{width:100%}.vs-diagram{position:relative;width:100%;margin:12px auto 4px;max-width:410px}.vs-diagram .vehicle-body{width:78%;max-width:none;margin:0 auto}.vs-wheel{position:absolute;width:23%;text-align:center;padding:9px 3px 7px;border:1px solid rgba(152,182,190,.11);background:linear-gradient(150deg,#13222a,#0d171e);border-radius:11px;box-shadow:0 4px 14px #0002}.vs-wheel-front_left,.vs-wheel-rear_left{left:0}.vs-wheel-front_right,.vs-wheel-rear_right{right:0}.vs-wheel-front_left,.vs-wheel-front_right{top:33%;transform:translateY(-50%)}.vs-wheel-rear_left,.vs-wheel-rear_right{top:73%;transform:translateY(-50%)}.vs-wheel-position{display:block;color:#97adb7;font-size:9px;margin-bottom:3px}.vs-wheel-pressure{display:flex;align-items:baseline;justify-content:center;gap:3px;color:var(--signal)}.vs-wheel-pressure strong{font-size:clamp(23px,2.1vw,29px);line-height:1.15;font-weight:620;letter-spacing:-.04em}.vs-wheel-pressure>span{font-size:9px;color:#859da9}.vs-wheel-temperature{font-size:9px;display:block;color:#859da9;margin-top:3px}.vs-wheel-state{display:block;font-size:8px;color:var(--signal);margin-top:3px}.vs-wheel.tone-warn{border-color:#caa75c55}.vs-wheel.tone-bad{border-color:#f28c8455}.vs-wheel.tone-unknown{border-style:dashed}.vs-tyre-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 2px 0;font-size:9px;color:#8ca3af}.vs-tyre-caption strong{font-weight:500;color:#afc8c9}.vs-tyre-observed{font-size:8px;color:#748d9b;margin:5px 2px 15px}@media (max-width: 640px){.vs-diagram{max-width:360px}.vs-wheel-pressure strong{font-size:26px}.vs-tyre-caption{font-size:9px}}@media (min-width: 641px) and (max-width: 1050px){.vs-layout{grid-template-columns:260px minmax(0,1fr)}.vs-wheel{padding:3px 2px}.vs-wheel-position{font-size:8px;margin-bottom:1px}.vs-wheel-pressure strong{font-size:22px}.vs-wheel-pressure>span{font-size:8px}.vs-wheel-temperature,.vs-wheel-state{font-size:8px;margin-top:1px}}.cdet-data-notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px 18px;padding:11px 15px;border:1px solid #38605066;border-radius:10px;background:#22463922;color:#a1c8b5;font-size:11px;line-height:1.8}.cdet-data-notice time{color:#789b8e;font-size:10px}.cdet-data-notice.is-error{color:#d6b48e;border-color:#70523766;background:#48362422}.cdet{--detail-panel: #101a25;--detail-border: rgba(139,173,182,.14);--detail-muted: #839aa8;--detail-text: #c9d8df;display:flex;flex-direction:column;gap:25px;padding-bottom:18px}.cdet button{font:inherit}.cdet button:focus-visible,.cdet a:focus-visible{outline:2px solid #89c8ae;outline-offset:4px}.cdet button:disabled{opacity:.45;cursor:wait}.cdet-breadcrumb{display:flex;align-items:center;gap:13px;color:#5f7b8b;font-size:11px}.cdet-breadcrumb button{display:flex;gap:7px;align-items:center;background:none;border:0;color:#a1b9c3;padding:0;cursor:pointer;font-size:12px}.cdet-head{display:flex;align-items:center;justify-content:space-between;gap:22px}.cdet-identity{display:flex;align-items:center;gap:18px;min-width:0}.cdet-vehicle-emblem{width:66px;height:66px;flex:none;display:grid;place-items:center;color:#a2d3bd;border:1px solid rgba(134,192,166,.16);border-radius:18px;background:linear-gradient(135deg,#61a68421,#1f3d370f)}.cdet-eyebrow{font-size:10px;font-weight:650;letter-spacing:.13em;color:#77a995}.cdet-identity h1{font-size:31px;line-height:1.35;margin:3px 0 5px;font-weight:650;letter-spacing:-.04em;overflow-wrap:anywhere}.cdet-identity-meta{display:flex;gap:10px;flex-wrap:wrap;color:#829da9;font-size:12px}.cdet-identity-meta code{color:#577988;font-size:10px;border-left:1px solid #2b404b;padding-left:10px}.cdet-header-controls{display:flex;align-items:flex-end;flex-direction:column;gap:12px;flex:none}.cdet-connection-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}.cdet-connection-status strong{color:#a2c4b6;font-weight:500}.cdet-mode{padding-left:5px;font-size:10px}.cdet-dot{width:6px;height:6px;border-radius:50%;background:#59717e}.cdet-dot.on{background:#82dbb3;box-shadow:0 0 12px #7ad5a52f}.cdet-observation-bar{display:flex;gap:28px;align-items:center;padding:16px 21px;border:1px solid rgba(139,173,182,.1);border-radius:12px;background:#1c2f3524}.cdet-observation-bar>div{display:flex;align-items:center;gap:12px;font-size:11px}.cdet-observation-bar>div>span{color:#75909e}.cdet-observation-bar strong{color:#afc3ca;font-size:12px;font-weight:450}.cdet-observation-bar .cdet-browser-status{margin-left:auto;flex:none;gap:8px}.cdet-waiting{padding:20px 23px;border:1px dashed #38565b;border-radius:13px;color:#91aab7;font-size:12px;background:#10202533}.cdet-section-head{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.cdet-section-head h2{font-size:19px;font-weight:600;letter-spacing:-.025em;color:#d5e2e7;margin:5px 0 0}.cdet-section-head p{color:var(--detail-muted);font-size:11px;margin:6px 0 0;line-height:1.8}.cdet-section-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding-top:8px}.cdet-section-tag{display:flex;align-items:center;gap:7px;color:#718e9c;font-size:10px}.cdet-card{padding:25px;min-width:0;border:1px solid var(--detail-border);border-radius:20px;background:linear-gradient(125deg,rgba(91,143,127,.025),transparent 50%),var(--detail-panel)}.cdet-hint{color:var(--detail-muted);font-size:11px;font-weight:400;line-height:1.7}.cdet-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;background:#58888309;border:1px solid rgba(122,162,170,.2);border-radius:8px;color:#9ab6bd;cursor:pointer;font-size:11px!important;font-weight:450;white-space:nowrap}.cdet-chip:hover{border-color:#57997e;color:#c3e3d5}.cdet-chip.on{border-color:#568b77;background:#34634f26;color:#a8ddc6}.cdet-empty{display:flex;align-items:center;gap:19px;padding:28px 20px;border:1px dashed #304951;border-radius:12px;background:#0a15201f;min-height:136px}.cdet-empty-icon{width:57px;height:57px;display:grid;place-items:center;flex:none;border-radius:15px;color:#6f9a8b;background:#213e3738}.cdet-empty strong{font-size:14px;font-weight:500;color:#a8c0c9}.cdet-empty p{margin:6px 0 0;font-size:11px;color:#6f8998;line-height:1.8}.energy-efficiency{display:flex;justify-content:space-between;gap:10px;color:#78978a;font-size:9px;margin:0 0 11px}.energy-efficiency b{color:#a6c6b6;font-weight:500}.energy-priorities{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px 24px;margin:18px 0}.energy-distance{flex:1 1 165px;min-width:0}.energy-distance>span,.energy-remaining-label{display:block;color:#7e9f92;font-size:10px;line-height:1.6}.energy-distance-value,.energy-remaining-value{display:flex;align-items:baseline;gap:7px;margin-top:4px;white-space:nowrap}.energy-distance-value strong{color:var(--energy-color);font-size:clamp(48px,4.4vw,64px);line-height:1.12;font-weight:500;letter-spacing:-.06em}.energy-distance-value .energy-estimate{color:var(--energy-color);font-size:25px}.energy-distance-value small,.energy-remaining-value small{font-size:12px;color:#7e9f92}.energy-remaining{flex:0 1 auto;min-width:0;padding-bottom:4px}.energy-remaining-value strong{color:#c5dfcf;font-size:30px;line-height:1.25;font-weight:500;letter-spacing:-.04em}.energy-soc{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px}.energy-soc b{color:#9eb8ab;font-size:11px;font-weight:450}.energy-soc small{font-size:9px}.instrument-energy .energy-capacity{flex-wrap:wrap}.cdet-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr);gap:17px}.cdet-instrument-card{padding:23px 23px 17px;background:radial-gradient(ellipse at 0 0,rgba(84,124,141,.1),transparent 62%),#111c29;border:1px solid rgba(120,168,187,.19);border-radius:19px;min-width:0;display:flex;flex-direction:column}.cdet-instrument-card:nth-child(2){background:radial-gradient(ellipse at 0 0,rgba(57,124,102,.11),transparent 62%),#111d26}.cdet-energy-card{background:radial-gradient(ellipse at 80% 0,rgba(75,140,107,.14),transparent 70%),#111f25;border-color:#77b49636}.instrument{display:flex;flex-direction:column;flex:1;min-width:0;min-height:303px}.instrument-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.instrument-heading>svg{color:#5d8e9f}.instrument-heading>div>span{font-size:9px;letter-spacing:.12em;color:#6c95a7;font-weight:600}.instrument-heading h3{font-size:15px;font-weight:500;color:#b8cdd8;margin:4px 0 0}.instrument-value{display:flex;gap:9px;align-items:baseline;margin:15px 0 17px;min-width:0}.instrument-value strong{font-size:66px;font-weight:500;line-height:1.12;letter-spacing:-.06em;color:#daebf3}.instrument-value>span{font-size:12px;color:#7e9aa9}.speed-bars{height:39px;display:flex;align-items:flex-end;gap:4px;margin-top:auto}.speed-bars i{flex:1;border-radius:2px;background:#243b4b}.speed-bars i.lit{background:#8abed7}.instrument-scale{display:flex;justify-content:space-between;color:#567889;font-size:9px;margin-top:8px}.speed-details{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0;font-size:11px;color:#7193a4}.speed-details b{color:#a9c5d4;font-size:12px;margin-left:5px;font-weight:500}.speed-details b small{font-size:9px;color:#668493;font-weight:400}.instrument-gears{display:flex;gap:3px}.instrument-gears span{width:24px;height:25px;display:grid;place-items:center;font-size:10px;color:#4d6a7a;border:1px solid transparent;border-radius:5px}.instrument-gears .selected{color:#bbe4d2;border-color:#568977;background:#315a4938}.instrument-power .instrument-heading>svg{color:#6d9c87}.instrument-power .instrument-heading>div>span{color:#709b87}.instrument-power .instrument-value strong{color:#b9dfcb}.instrument-power.regenerating .instrument-value strong{color:#8bc9df}.power-direction{display:flex;gap:10px;justify-content:space-between;font-size:9px;color:#6c8b95;margin-top:auto;margin-bottom:10px}.power-direction span{display:flex;align-items:center;gap:4px}.power-track{position:relative;height:10px;display:flex;gap:3px}.power-half{width:50%;background:#29433866;border-radius:0 3px 3px 0;display:flex}.power-half.reverse{background:#253f5066;border-radius:3px 0 0 3px;justify-content:flex-end}.power-half i{display:block;background:#8dceaa;border-radius:2px}.power-half.reverse i{background:#83bcd7}.power-zero{width:1px;height:19px;position:absolute;left:50%;top:-4px;background:#68857f}.power-caption{display:flex;align-items:center;gap:7px;font-size:11px;color:#789c8f;margin:23px 0 21px}.power-caption>span{width:5px;height:5px;border-radius:50%;background:#3c5653}.power-caption>span.measured{background:#88bea0}.instrument-time{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-top:1px solid rgba(111,154,165,.14);padding-top:11px;margin-top:auto;font-size:9px;color:#587b89}.instrument-time time{font-size:9px;color:#7b9ca7;text-align:right}.instrument-energy .instrument-heading>svg{color:#77a58d}.instrument-energy .instrument-heading>div>span{color:#74a18d}.energy-level{display:flex;gap:3px;height:12px}.energy-level>i{background:#2c453c88;height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;border-radius:2px;overflow:hidden}.energy-level>i>span{background:var(--energy-color);display:block;opacity:.88}.energy-capacity{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;color:#6f9684;margin:12px 0 15px}.energy-capacity>span:last-child{display:flex;align-items:center;gap:4px;white-space:nowrap}.energy-capacity .is-charging{color:#e2c289}.energy-health{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:8px;margin-bottom:15px;padding-top:12px;border-top:1px solid rgba(108,152,126,.14)}.energy-health>span{font-size:8px;color:#5f8575}.energy-health b{display:block;font-size:10px;color:#97b4a4;margin-top:4px;font-weight:400}.energy-health b.warn{color:#e5b887}.cdet-chargeline{display:flex;align-items:flex-start;gap:7px;padding:11px 0 0;font-size:10px;color:#d7bf8c;line-height:1.7}.cdet-chargeline>svg{flex:none;margin-top:2px}.cdet-recent-trips{margin:0 0 17px}.cdet-recent-trips-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.cdet-recent-trips-head>span{display:flex;align-items:center;gap:6px;color:#a2bfb6;font-size:11px}.cdet-recent-trips-head small{color:#6e8b98;font-size:10px}.cdet-recent-trip-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.cdet-trip-chip{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid #304d50;border-radius:10px;background:#172c302e;color:#8eacb5;padding:11px 13px;text-align:left;cursor:pointer}.cdet-trip-chip>span{font-size:10px;white-space:nowrap}.cdet-trip-chip strong{display:flex;align-items:baseline;gap:5px;width:100%;color:#b8d0d4;font-size:15px;font-weight:550}.cdet-trip-chip strong small{font-size:10px;font-weight:400;color:#7e9caa}.cdet-trip-chip:hover{border-color:#629e88;background:#28514533}.cdet-trip-chip.on{border-color:#83bea3;background:#345f4b45;color:#b6dfc8;box-shadow:inset 0 0 0 1px #76b19226}.cdet-trip-chip.on strong{color:#bcebd2}.cdet-trip-chip strong i{margin-left:auto;align-self:center;width:6px;height:6px;border-radius:50%;background:#a6e3bd}.cdet-route-message{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#90adba;font-size:11px;line-height:1.8;margin:12px 0}.cdet-route-message.error{color:#e5ab9f}@media (max-width:900px){.cdet-recent-trip-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.cdet-recent-trip-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cdet-trip-chip{padding:10px 11px}.cdet-recent-trips-head{gap:5px 12px}}.energy-health b.ok{color:#97bea8}.energy-health b.warn{color:#e5c38c}.energy-health b.bad{color:#ed9988}.cdet-route-section{display:flex;flex-direction:column;gap:16px;min-width:0}.cdet-mapcard{scroll-margin-top:20px}.cdet-location-label{display:flex;align-items:center;gap:5px;color:#83ad9b;font-size:10px;white-space:nowrap}.cdet-map-stage{border-radius:13px;overflow:hidden;border:1px solid #29433d;background:#0b151e}.cdet-map-stage>.carsmap{border:0;border-radius:0}.cdet-map-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0 14px}.cdet-location-info{min-width:0;display:flex;flex-direction:column;gap:5px}.cdet-location-info strong{font-size:12px;color:#a9c1ca;font-weight:450}.cdet-location-info>span{color:#708c9b;font-size:10px;line-height:1.7}.cdet-gpslink{display:inline-flex;align-items:center;gap:3px;color:#9bcbb5;font-size:11px;white-space:nowrap}.cdet-map-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #263d45;color:#688694;font-size:9px}.cdet-speedlegend{display:block}.cdet-speedlegend text{fill:#7593a3;font-size:9px}.cdet-cam-btn{display:inline-flex;gap:7px;align-items:center;padding:8px 11px;border:1px solid #457362;background:#3158482b;color:#acd6c3;border-radius:8px;cursor:pointer;font-size:11px!important;white-space:nowrap}.cdet-cam-btn.on{color:#e7a59a;border-color:#7c514b;background:#4d2e2b24}.cdet-cam .cdet-section-head{gap:12px}.cdet-cam .cdet-section-head h2{font-size:18px}.cdet-cam:not(.is-open) .cdet-section-head{margin-bottom:0}.cdet-cam-views{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.cdet-cam-canvas{width:100%;height:auto;object-fit:contain;background:#000;border-radius:11px;display:block;max-height:none}.cdet-cam-caption{color:#7797a3;font-size:11px;margin:14px 0 0}.cdet-cam-stage:fullscreen{background:#000;display:flex;align-items:center;justify-content:center}.cdet-cam-stage:fullscreen .cdet-cam-canvas{width:100%;height:100%;max-height:none;border-radius:0}.cdet-charts{padding-top:4px}.cdet-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.cviz-spark{min-width:0;padding:21px 21px 16px;border:1px solid var(--detail-border);border-radius:16px;background:#0f1a26}.cviz-spark-head{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.cviz-spark-dot{width:5px;height:5px;border-radius:50%;flex:none}.cviz-spark-label{font-size:11px;color:#94adba;flex:1}.cviz-spark-cur{font-size:15px;font-weight:500;white-space:nowrap}.cviz-spark-plot{position:relative}.cviz-spark-plot svg{width:100%;display:block;overflow:visible}.cviz-spark-grid{stroke:#243e4a;stroke-width:.7;stroke-dasharray:3 5;opacity:.65}.cviz-spark-zero{stroke:#779794;stroke-width:.7;stroke-dasharray:4 5}.cviz-spark-cross{stroke:#aac4c3;stroke-width:1;opacity:.65}.cviz-spark-tip{position:absolute;top:-5px;transform:translate(-50%,-100%);background:#20303c;color:#d1e1e7;border:1px solid #4d7079;border-radius:6px;padding:6px 9px;z-index:5;font-size:10px;white-space:nowrap;pointer-events:none}.cviz-spark-axis{display:flex;justify-content:space-between;gap:10px;margin-top:11px;color:#607c8e;font-size:9px}.cdet-metric-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.cdet-metric-groups>div+div{border-left:1px solid #263d47;padding-left:28px}.cdet-metric-groups h3{display:flex;align-items:center;gap:8px;color:#aec9bf;font-size:12px;font-weight:500;margin:0 0 12px}.cdet-metric-groups h3>svg{color:#6a9683}.cdet-tile{display:flex;align-items:baseline;gap:10px;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(91,127,145,.1)}.cdet-tile:last-child{border-bottom:0}.cdet-tile-k{color:#748e9d;font-size:10px}.cdet-tile-v{color:#bbcdd6;text-align:right;font-size:12px;font-weight:450;white-space:nowrap}.cdet-metric-note{color:#5d7d8b;font-size:10px;line-height:1.9;margin-top:16px}.cdet-history-secondary{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}.cdet-trip-day{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0 11px;color:#bad0d0;font-size:13px;font-weight:500}.cdet-trip-daysum{font-size:10px;font-weight:400;color:#7e9aa4;background:#25443625;border:1px solid #2c4a4033;padding:5px 9px;border-radius:6px}.cdet-trip-table{overflow-x:auto}.cdet-trip-head,.cdet-trip-row{display:grid;grid-template-columns:110px 65px 65px 70px 60px 85px 105px minmax(110px,1fr);min-width:790px;gap:12px;align-items:center;padding:13px 12px;text-align:left}.cdet-trip-head{color:#607f91;font-size:10px;border-bottom:1px solid #30464f;background:#0d18211f}.cdet-trip-row{color:#b6c9d4;font-size:12px!important;border:0;border-bottom:1px solid #243a4466;width:100%;background:none;cursor:pointer}.cdet-trip-row:hover{background:#26443932}.cdet-trip-row.on{background:#31584544;box-shadow:inset 2px 0 #8abfa4}.cdet-trip-route{font-size:11px;color:#80a5a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdet-rate{display:inline-flex;align-items:center;gap:7px;color:#72908f;font-size:10px;white-space:nowrap;padding:6px 9px;border:1px solid #2d4944;border-radius:9px}.cdet-step{width:26px;height:26px;border:1px solid #3d5b52;border-radius:6px;background:#2a473b26;color:#a4c9b5;display:grid;place-items:center;font-size:15px!important;padding:0;cursor:pointer}.cdet-rate-val{background:none;color:#bcd8c9;border:0;border-bottom:1px solid #496858;width:43px;font-size:14px;font-family:inherit;text-align:center;outline:none;padding:2px}.cdet-rate-val:focus{border-color:#94bca6}.cdet-charge-row{display:grid;grid-template-columns:minmax(90px,1.3fr) 34px minmax(100px,1fr) minmax(90px,1fr);gap:14px;width:100%;align-items:center;text-align:left;border:0;border-bottom:1px solid #2a434c77;background:none;padding:17px 2px;color:#9eb8c4;font-size:11px!important;cursor:pointer}.cdet-charge-row:hover,.cdet-charge-row.on{background:#5a503217}.cdet-charge-date{display:flex;flex-direction:column;gap:5px}.cdet-charge-date strong{color:#bfd0d6;font-weight:450;font-size:12px}.cdet-charge-date small,.cdet-charge-energy small{color:#6b8896;font-size:10px}.cdet-charge-soc{display:flex;gap:5px;align-items:center;font-size:12px;white-space:nowrap}.cdet-charge-soc>strong{font-weight:500;color:#b9d3c2}.cdet-charge-energy{display:flex;flex-direction:column;gap:5px;text-align:right}.cdet-charge-energy b{color:#dcca9d;font-size:15px;font-weight:500}.cdet-kind{text-align:center;font-size:9px;padding:3px 4px;border:1px solid #766039;border-radius:5px;color:#d1b677}.cdet-kind-dc{color:#d1a173;border-color:#6e4e35}.cdet-charge-chart{padding:12px 0}.cdet-charge-chart .cviz-spark{background:#161f2544}.cdet-control-status{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #36514f;color:#78958e;border-radius:6px;font-size:10px}.cdet-control-status>i{width:4px;height:4px;border-radius:50%;background:#59716a}.cdet-control-status.on{color:#a0c8b4}.cdet-control-status.on>i{background:#a0c8b4}.cdet-climate-reading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:1px 0 20px}.cdet-climate-reading>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cdet-climate-reading>div>svg{color:#6c9a92}.cdet-climate-reading strong{color:#c2dace;font-size:38px;font-weight:450;letter-spacing:-.04em;line-height:1.2}.cdet-climate-reading strong small{color:#6a9485;font-size:16px;margin-left:5px}.cdet-climate-reading>div>span{flex-basis:100%;font-size:10px;color:#779790}.cdet-climate-mode{color:#90b2a2;font-size:10px;letter-spacing:.06em;padding:6px 9px;border:1px solid #375d4b;border-radius:6px}.cdet-climate-power{display:flex;gap:9px;margin-bottom:21px}.cdet-climate-power>button{flex:1;padding:10px 12px}.cdet-fan-label{display:flex;gap:15px;justify-content:space-between;align-items:center;color:#7c9b95;font-size:11px;margin-bottom:10px}.cdet-fan-label strong{color:#b0cdbd;font-size:15px;font-weight:450}.cdet-fan-label small{color:#648576;font-size:10px}.cdet-fan-buttons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.cdet-fan-buttons>button{display:grid;place-items:center;padding:10px 0;background:#13242188;color:#5d8171;border:1px solid #304d41;border-radius:6px;cursor:pointer;font-size:11px}.cdet-fan-buttons>button.selected{background:#284d3c;border-color:#78a990;color:#c6e4d2}.cdet-control-note{color:#64867a;font-size:10px;line-height:1.8;margin:15px 0 0}.cdet-command-result{color:#b1caba;font-size:11px;background:#22483722;border:1px solid #3d695166;border-radius:7px;padding:11px;margin-top:15px}.cdet-edit-grid{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:20px}.cdet-edit-field{display:flex;flex-direction:column;gap:8px;color:#849daa;font-size:11px;min-width:135px;flex:1}.cdet-cmd-input{min-width:0;width:100%;background:#0a141e;border:1px solid #304751;border-radius:8px;color:#c4d5de;font-family:inherit;font-size:13px;padding:11px 12px;outline:none}.cdet-cmd-input:focus{border-color:#5a987e}.cdet-cmd-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.cdet-research{padding:0;overflow:hidden}.cdet-research-toggle{width:100%;display:flex;gap:15px;align-items:center;padding:22px 25px;text-align:left;border:0;background:none;color:#b1c7d1;cursor:pointer}.cdet-research-icon{width:42px;height:42px;display:grid;place-items:center;color:#799caa;border:1px solid #304954;background:#20374344;border-radius:11px;flex:none}.cdet-research-toggle>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.cdet-research-toggle small{font-size:9px;letter-spacing:.1em;color:#5f8394}.cdet-research-toggle strong{font-size:14px;font-weight:500}.cdet-research-toggle>b{font-size:20px;font-weight:300;color:#6a8d9b;margin-left:auto}.cdet-research-bar{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:0 25px 18px}.cdet-fid-table{overflow-x:auto;padding:0 25px 23px}.cdet-fid-head,.cdet-fid-row{display:grid;grid-template-columns:120px 1fr 110px 85px 110px;gap:16px;align-items:center;padding:12px;min-width:650px}.cdet-fid-head{color:#5d7b8c;font-size:10px;border-bottom:1px solid #34515c}.cdet-fid-row{border-bottom:1px solid #233c4566;color:#a4bcc8;font-size:11px}.cdet-fid-row.hot{background:#4e56311f}.cdet-fid-unknown{color:#c2ae82}.cdet-mono{font-family:ui-monospace,monospace;font-size:11px}.cdet-mono.dim{color:#628190}.cdet .telemetry-history{border-radius:20px;border-color:var(--detail-border);background:var(--detail-panel)}.cdet .telemetry-toggle{padding:24px 25px;gap:16px}.cdet .telemetry-toggle>svg:first-child{width:22px;height:22px;color:#7d9eac}.cdet .telemetry-toggle strong{font-size:15px;font-weight:500}.cdet .telemetry-toggle small{font-size:11px;color:#6f8c9b;margin-top:5px}.cdet .telemetry-content{padding:0 25px 22px}.cdet .telemetry-toolbar{margin:3px 0 18px}.cdet .telemetry-toolbar p{font-size:11px;color:#76939e;line-height:1.8}.cdet .telemetry-record summary{padding:17px 4px;gap:18px;font-size:12px}.cdet .telemetry-record summary small{font-size:10px;margin-top:5px}.cdet .telemetry-kind{padding:5px 8px;width:73px;font-size:10px;border-radius:6px}.cdet .telemetry-record-meta{font-size:11px;padding:4px 0 12px}.cdet .telemetry-record pre{padding:19px;border:1px solid #203844;border-radius:11px;font-size:11px}.cdet .telemetry-footer{padding-top:20px;font-size:11px}@media (max-width:1200px){.cdet-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cdet-energy-card{grid-column:1/-1}.cdet-energy-card .instrument{min-height:0}.cdet-energy-card .energy-health{grid-template-columns:repeat(3,1fr)}.cdet-energy-card .energy-health b{font-size:12px}.cdet-energy-card .energy-health>span{font-size:10px}.cdet-observation-bar{gap:18px;flex-wrap:wrap}.cdet-section-head{flex-wrap:wrap;gap:12px}.cdet-section-actions{padding-top:0}.cdet-metric-groups{gap:20px}.cdet-metric-groups>div+div{padding-left:20px}.cdet-tile{flex-direction:column;gap:4px}.cdet-tile-v{font-size:13px}}@media (max-width:920px){.cdet-cam .cdet-section-head{flex-wrap:nowrap}.cdet-chart-grid{grid-template-columns:1fr;gap:13px}.cviz-spark-head{margin-bottom:16px}.cdet-history-secondary{grid-template-columns:1fr}.cdet-header-controls{align-self:flex-start}.cdet-connection-status{flex-direction:column;align-items:flex-end;gap:4px}.cdet-connection-status>.cdet-dot{display:none}.cdet-identity h1{font-size:27px}.cdet-metric-groups{grid-template-columns:1fr 1fr}.cdet-metric-groups>div:nth-child(3){border-left:0;padding-left:0;border-top:1px solid #263d47;padding-top:20px;grid-column:1/-1}.cdet-tile{flex-direction:row}.cdet-observation-bar>div{flex-direction:column;align-items:flex-start;gap:4px}.cdet-observation-bar .cdet-browser-status{flex-direction:row;align-items:center}}@media (max-width:600px){.cdet{gap:20px}.cdet-head{align-items:flex-start;flex-direction:column;gap:15px}.cdet-identity{gap:13px}.cdet-vehicle-emblem{width:52px;height:55px;border-radius:14px}.cdet-identity h1{font-size:26px}.cdet-identity-meta{font-size:10px;gap:6px}.cdet-identity-meta code{font-size:9px}.cdet-header-controls{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.cdet-connection-status{align-items:flex-start}.cdet-connection-status>.cdet-mode{padding-left:0;font-size:9px}.cdet-observation-bar{padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:15px 14px}.cdet-observation-bar>div>span{font-size:9px}.cdet-observation-bar strong{font-size:10px}.cdet-observation-bar .cdet-browser-status{grid-column:1/-1;margin-left:0}.cdet-hero{grid-template-columns:1fr;gap:14px}.cdet-energy-card{grid-column:auto}.cdet-instrument-card{padding:22px 22px 16px}.instrument{min-height:290px}.instrument-value strong{font-size:66px}.energy-health{gap:8px}.cdet-energy-card .energy-health>span{font-size:9px}.cdet-energy-card .energy-health b{font-size:10px}.cdet-card{padding:20px 18px;border-radius:17px}.cdet-section-head{margin-bottom:19px}.cdet-section-head h2{font-size:18px}.cdet-section-head p{font-size:10px}.cdet-section-tag{font-size:9px}.cdet-map-footer{flex-wrap:wrap;gap:10px}.cdet-map-legend{gap:8px}.cdet-location-info>span{font-size:9px}.cdet-metric-groups{grid-template-columns:1fr;gap:20px}.cdet-metric-groups>div+div{border-left:0;padding-left:0;border-top:1px solid #263d47;padding-top:20px}.cdet-metric-groups>div:nth-child(3){grid-column:auto}.cdet-tile{padding:11px 0}.cdet-tile-k{font-size:11px}.cdet-tile-v{font-size:12px}.cdet-trip-day{gap:8px}.cdet-trip-daysum{font-size:9px}.cdet-trips .cdet-section-actions{justify-content:flex-start}.cdet-rate{font-size:9px;gap:5px}.cdet-charge-row{grid-template-columns:minmax(72px,1.1fr) 28px minmax(80px,1fr) minmax(70px,1fr);gap:7px}.cdet-charge-date strong{font-size:11px}.cdet-charge-date small{font-size:9px}.cdet-charge-energy b{font-size:13px}.cdet-charge-soc{font-size:10px;gap:3px}.cdet-charge-soc>svg{width:9px}.cdet-charge-energy{font-size:9px}.cdet-kind{padding:2px 3px;font-size:8px}.cdet-empty{gap:13px;padding:22px 13px;min-height:125px}.cdet-empty-icon{width:45px;height:45px;border-radius:12px}.cdet-empty strong{font-size:12px}.cdet-empty p{font-size:10px}.cdet-research{padding:0}.cdet-research-toggle{padding:20px 18px;gap:12px}.cdet-research-toggle strong{font-size:12px}.cdet-research-toggle small{font-size:8px}.cdet-research-icon{width:35px;height:37px}.cdet-research-bar,.cdet-fid-table{padding-left:18px;padding-right:18px}.cdet .telemetry-toggle{padding:22px 18px;gap:12px}.cdet .telemetry-toggle strong{font-size:13px}.cdet .telemetry-toggle small{font-size:10px}.cdet .telemetry-content{padding:0 18px 18px}.cdet .telemetry-toolbar p{font-size:10px}.cdet .telemetry-record summary{gap:10px;font-size:10px}.cdet .telemetry-kind{width:59px;font-size:9px}.cdet .telemetry-record summary small{font-size:9px}.cdet .telemetry-record-meta{font-size:10px}.cdet .telemetry-record pre{padding:14px;font-size:10px}}:root{--bg-base: #06080e;--bg-canvas: #0a0f17;--bg-elevated: #131b26;--bg-secondary: #0e1622;--bg-tertiary: #1d2735;--bg-input: #0f1620;--separator: rgba(255, 255, 255, .08);--separator-opaque: #232c39;--label: #ffffff;--label-2: rgba(235, 235, 245, .65);--label-3: rgba(235, 235, 245, .45);--label-4: rgba(235, 235, 245, .28);--blue: #0a84ff;--blue-dim: rgba(10, 132, 255, .16);--green: #30d158;--green-dim: rgba(48, 209, 88, .16);--yellow: #ffd60a;--yellow-dim: rgba(255, 214, 10, .16);--orange: #ff9f0a;--orange-dim: rgba(255, 159, 10, .16);--red: #ff453a;--red-dim: rgba(255, 69, 58, .16);--purple: #bf5af2;--indigo: #5e5ce6;--teal: #64d2ff;--pink: #ff375f;--accent: #34d186;--accent-2: #1fcfc4;--accent-dim: rgba(52, 211, 153, .16);--success: var(--green);--success-dim: var(--green-dim);--warning: var(--orange);--warning-dim: var(--orange-dim);--danger: var(--red);--danger-dim: var(--red-dim);--grab: #00b14f;--grab-dim: rgba(0, 177, 79, .18);--bolt: #34d186;--bolt-dim: rgba(52, 209, 134, .18);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--font-display: "Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;--font-text: "Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;--font-thai: "Noto Sans Thai", "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 720px at 82% -10%,rgba(52,211,153,.07),transparent 55%),#07090f;background-attachment:fixed;color:var(--label);font-family:var(--font-text);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern","liga","calt"}:lang(th){font-feature-settings:"kern","liga","calt","locl"}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#ffffff24;border:2px solid transparent;background-clip:content-box;border-radius:10px;transition:background-color .15s}*::-webkit-scrollbar-thumb:hover{background-color:#ffffff47}*::-webkit-scrollbar-thumb:active{background-color:#ffffff5c}*::-webkit-scrollbar-corner{background:transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-grab,.badge-grab-cheap{background:#00b14f24;color:#34d186;box-shadow:inset 0 0 0 1px #00b14f}.badge-grab-premium{background:linear-gradient(135deg,#4ce695,#007a36);color:#fff;box-shadow:inset 0 1px #ffffff4d;text-shadow:0 1px 1px rgba(0,60,25,.4)}.badge-grab-luxury{background:linear-gradient(135deg,#006d2e,#001f0d);color:#b8f5d0;box-shadow:inset 0 0 0 1px #b8f5d059;font-weight:800}.badge-bolt,.badge-bolt-cheap{background:#34d18624;color:#6ee2a8;box-shadow:inset 0 0 0 1px #34d186}.badge-bolt-premium{background:linear-gradient(135deg,#8defc4,#1a8e5d);color:#002818;box-shadow:inset 0 1px #fff6}.badge-bolt-luxury{background:linear-gradient(135deg,#1a8e5d,#052c1c);color:#c9efd8;box-shadow:inset 0 0 0 1px #c9efd859;font-weight:800}