@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #05070b;--bg-2: #0a0d13;--panel: #111620;--panel-2: #171d29;--text: #f5f7fb;--muted: #8d96a7;--line: rgba(255, 255, 255, .1);--red: #ff4d24;--blue: #4488ff;--green: #25d366;--amber: #ffb020;--radius: 8px;--heading: "Chakra Petch", system-ui, sans-serif;--body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 50% -12%,rgba(255,77,36,.22),transparent 34rem),radial-gradient(circle at 100% 20%,rgba(68,136,255,.14),transparent 24rem),var(--bg);font-family:var(--body)}button{font:inherit}button:focus{outline:none}button:focus-visible{outline:2px solid rgba(255,77,36,.72);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}.app-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.phone-frame{position:relative;width:min(100%,430px);min-height:min(920px,calc(100vh - 36px));max-height:calc(100vh - 36px);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(180deg,#0d1119,#05070b);box-shadow:0 24px 80px #0000008c}.app-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:18px 16px 12px}.brand-lockup{min-width:0;display:flex;align-items:center;gap:10px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius);color:#fff;background:var(--red);font:800 14px/1 var(--heading)}.brand-lockup>div>strong,.brand-lockup>div>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-lockup>div>strong{font:700 15px/1.2 var(--heading)}.brand-lockup>div>span{margin-top:3px;color:var(--muted);font-size:11px}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:#ffffff0d}.connection-pill{grid-column:1 / -1;justify-self:start;display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#ffffff0a;font-size:12px;font-weight:700}.connection-pill span,.record-button span{width:8px;height:8px;border-radius:50%;background:var(--muted)}.connection-pill.online{color:var(--green)}.connection-pill.online span{background:var(--green);box-shadow:0 0 0 5px #25d3661f}.connection-pill.demo{color:#818cf8}.connection-pill.demo span{background:#818cf8;box-shadow:0 0 0 5px #818cf826}.app-content{min-height:0;overflow-y:auto;scrollbar-width:none;padding-bottom:4px}.app-content::-webkit-scrollbar{display:none}.screen{display:grid;gap:14px;padding:8px 14px 18px}h1,h2{margin:0;font-family:var(--heading);letter-spacing:0}h1{font-size:28px;line-height:1.05}h2{font-size:18px;line-height:1.12}p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.greeting-card,.vehicle-hero,.appointment-card,.status-hero,.diagnostic-score,.recommend-card,.can-top,.data-chat-hero,.analysis-card,.error-card,.tip-card,.list-panel,.frame-panel,.can-stats article,.mini-metric{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.greeting-card{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding:16px;background:linear-gradient(135deg,#ff4d2429,#ffffff0a),var(--panel)}.greeting-card span,.section-title button,.vehicle-hero-copy span,.vehicle-hero-copy small,.mini-metric span,.health-row small,.device-row small,.module-card span,.module-card small,.can-top span,.can-stats span,.frame-row span,.frame-row em,.diagnostic-score>div>span{color:var(--muted);font-size:12px}.greeting-card h1{max-width:220px;margin-top:5px}.greeting-card button,.vehicle-hero button,.primary-action,.recommend-card button,.record-button{min-height:40px;border:0;border-radius:var(--radius);color:#fff;background:var(--red);font-size:12px;font-weight:800;cursor:pointer}.greeting-card button,.vehicle-hero button,.recommend-card button{padding:0 14px;flex:0 0 auto}.search-card{display:flex;align-items:center;gap:10px;min-height:48px;width:100%;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:var(--panel-2);text-align:left}.search-card svg{color:var(--red)}.search-card span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-card input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font:700 14px/1 var(--body)}.search-card input::placeholder{color:var(--muted)}.vehicle-search-panel{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.vehicle-fields{display:grid;gap:9px}.vehicle-fields label{display:grid;gap:5px;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.vehicle-fields span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.vehicle-fields input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font:800 13px/1 var(--body)}.vehicle-fields input::placeholder{color:var(--muted)}.vehicle-field-grid{display:grid;grid-template-columns:.72fr 1fr 1fr;gap:8px}.vehicle-fields button{min-height:40px;border:0;border-radius:var(--radius);color:#fff;background:var(--red);font-size:12px;font-weight:900;cursor:pointer}.query-form{display:grid;grid-template-columns:1fr auto;gap:8px}.query-form>button{width:48px;min-height:48px;display:grid;place-items:center;border:0;border-radius:var(--radius);color:#fff;background:var(--red);cursor:pointer}.vehicle-hero{position:relative;min-height:210px;overflow:hidden;display:grid;align-content:end;padding:14px;border-color:#ff4d2438}.vehicle-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05070b0a,#05070b38 45%,#05070bf0)}.vehicle-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(1.05) contrast(1.04)}.vehicle-hero-copy{position:relative;z-index:1;display:grid;gap:3px;max-width:210px}.vehicle-hero-copy strong{font:800 24px/1 var(--heading)}.vehicle-hero button{position:absolute;z-index:2;right:14px;bottom:14px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:2px}.section-title button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0d;color:var(--text);font-weight:800}.service-row{display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.service-row::-webkit-scrollbar{display:none}.service-chip{min-height:128px;display:grid;justify-items:start;align-content:space-between;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--panel);text-align:left}.service-chip svg,.mini-metric svg{color:var(--blue)}.service-chip.red svg,.mini-metric.red svg,.mini-metric.red strong{color:var(--red)}.service-chip.green svg,.mini-metric.green svg,.mini-metric.green strong{color:var(--green)}.service-chip.blue svg,.mini-metric.blue svg,.mini-metric.blue strong{color:var(--blue)}.service-chip.amber svg,.mini-metric.amber svg,.mini-metric.amber strong{color:var(--amber)}.service-chip strong,.service-chip span{display:block}.service-chip strong{font:800 15px/1.1 var(--heading)}.service-chip span{color:var(--muted);font-size:12px}.appointment-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px}.appointment-date{width:56px;height:58px;display:grid;place-items:center;border-radius:var(--radius);color:#fff;background:var(--red)}.appointment-date strong,.appointment-date span{grid-area:1 / 1}.appointment-date strong{transform:translateY(-7px);font:800 21px/1 var(--heading)}.appointment-date span{transform:translateY(13px);font-size:11px;font-weight:800}.appointment-card p{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:12px}.mini-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-metric{min-height:104px;display:grid;align-content:space-between;padding:13px}.mini-metric strong{font:800 27px/1 var(--heading)}.mini-metric small{margin-left:5px;color:var(--muted);font:700 11px/1 var(--body)}.status-hero{padding:18px;background:radial-gradient(circle at 86% 12%,rgba(68,136,255,.18),transparent 38%),var(--panel)}.status-orb{width:66px;height:66px;display:grid;place-items:center;margin-bottom:16px;border-radius:var(--radius);color:var(--blue);background:#4488ff1f}.status-hero>span{color:var(--red);font-size:12px;font-weight:800;text-transform:uppercase}.status-hero h1{margin:7px 0 8px}.primary-action{width:100%;margin-top:18px;padding:0 16px}.list-panel{display:grid;gap:8px;padding:10px}.device-row,.health-row,.frame-row{display:grid;align-items:center;gap:10px;border-radius:var(--radius);background:var(--panel-2)}.device-row{width:100%;grid-template-columns:auto 1fr auto;padding:10px;border:0;color:var(--text);text-align:left}.device-row strong,.device-row small,.health-row strong,.health-row small{display:block}.device-row em,.health-row em,.frame-row em{font-style:normal;font-size:12px;font-weight:800}.device-row em{color:var(--red)}.row-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius);color:var(--blue);background:#ffffff0f}.tip-card{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px}.tip-card svg{color:var(--green)}.tip-card p{margin-top:4px;font-size:13px}.diagnostic-score{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:16px}.score-ring{width:94px;height:94px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#0b0e15 54%,transparent 55%),conic-gradient(var(--green) 0 82%,rgba(255,255,255,.08) 82% 100%)}.score-ring span,.score-ring small{grid-area:1 / 1}.score-ring span{color:var(--green);font:800 29px/1 var(--heading)}.score-ring small{transform:translateY(25px);color:var(--muted);font-size:11px;font-weight:800}.diagnostic-score h1{margin:3px 0 7px}.recommend-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px;border-color:#ffb02047}.recommend-card svg,.recommend-card span{color:var(--amber)}.recommend-card strong,.recommend-card span{display:block}.recommend-card span{margin-top:3px;font-size:12px}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-card{min-height:112px;display:grid;align-content:space-between;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.module-card svg{color:var(--blue)}.module-card.warn svg,.module-card.warn small{color:var(--amber)}.module-card strong{font-size:13px}.health-row{grid-template-columns:auto 1fr auto;padding:10px}.health-row.ok .row-icon,.health-row.ok em{color:var(--green)}.health-row.warn .row-icon,.health-row.warn em{color:var(--amber)}.can-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px}.can-top h1{margin:4px 0 8px}.record-button{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 12px;background:#ff4d2429;color:var(--red)}.record-button span{background:var(--red)}.can-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.can-stats article{padding:12px}.can-stats strong{display:block;margin-top:5px;font:800 19px/1 var(--heading)}.frame-panel{display:grid;gap:8px;padding:10px}.insight-list,.monitor-panel,.data-hub,.dtc-list,.session-list,.module-list,.settings-list,.inventory-list,.guide-list,.cost-list,.timeline-list,.duration-list{display:grid;gap:8px}.data-chat-hero{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;padding:16px;background:linear-gradient(135deg,#4488ff29,#ff4d2417),var(--panel)}.data-chat-hero span{color:var(--red);font-size:12px;font-weight:800;text-transform:uppercase}.data-chat-hero h1{margin:6px 0 8px}.data-chat-hero svg{color:var(--blue)}.data-source-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.data-source-strip article{min-height:78px;display:grid;align-content:center;padding:11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.data-source-strip strong{color:var(--red);font:800 24px/1 var(--heading)}.data-source-strip span{margin-top:4px;color:var(--muted);font-size:11px}.chat-form{display:grid;grid-template-columns:1fr auto;gap:8px}.chat-input{min-width:0;min-height:48px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.chat-input svg{color:var(--red);flex:0 0 auto}.chat-input input{min-width:0;width:100%;border:0;outline:0;color:var(--text);background:transparent;font:600 13px/1 var(--body)}.chat-input input::placeholder{color:var(--muted)}.send-button{width:48px;min-height:48px;display:grid;place-items:center;border:0;border-radius:var(--radius);color:#fff;background:var(--red)}.send-button:disabled{opacity:.72;cursor:wait}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analysis-card,.error-card{padding:13px}.analysis-card p,.error-card{font-size:13px}.repair-technique-card{display:grid;gap:10px}.repair-technique-card ol{display:grid;gap:8px;margin:0;padding-left:19px}.repair-technique-card li{color:var(--text);font-size:12px;line-height:1.45}.repair-technique-card small{color:var(--muted);font-size:11px;line-height:1.4}.warning-list{display:grid;gap:5px;margin-top:10px;padding:8px 10px;border:1px solid rgba(251,191,36,.2);border-radius:var(--radius);background:#fbbf2412}.warning-list span{color:#fde68a;font-size:11px;line-height:1.35}.error-card{color:#fecaca;border-color:#ef444457;background:#ef44441f}.raw-results{display:grid;gap:9px}.raw-card{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.raw-card-head{display:grid;grid-template-columns:1fr auto;align-items:start;gap:10px}.raw-card strong,.raw-card span{display:block}.raw-card span{margin-top:3px;color:var(--muted);font-size:11px}.raw-card em{min-width:30px;min-height:28px;display:grid;place-items:center;border-radius:var(--radius);color:var(--red);background:#ff4d241a;font:800 12px/1 var(--heading);font-style:normal}.raw-card p{display:-webkit-box;overflow:hidden;font-size:12px;-webkit-line-clamp:3;-webkit-box-orient:vertical}.raw-card details{border-top:1px solid var(--line);padding-top:8px}.raw-card summary{color:var(--text);cursor:pointer;font-size:12px;font-weight:800}.raw-card pre{max-height:240px;overflow:auto;margin:9px 0 0;padding:10px;border-radius:var(--radius);color:#dbeafe;background:#05070b;font:600 10px/1.45 SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.wiring-panel{display:grid;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.wiring-panel>p{font-size:13px}.wiring-result{display:grid;gap:10px}.wiring-result h3{margin:0;font:800 17px/1.15 var(--heading)}.diagram-box{overflow:auto;min-height:160px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#05070b}.diagram-box svg{max-width:100%;height:auto}.diagram-box pre{white-space:pre-wrap;word-break:break-word;color:#dbeafe;font:600 10px/1.45 SFMono-Regular,Consolas,monospace}.check-list,.source-list{display:grid;gap:7px}.check-list span,.source-list a{color:var(--muted);font-size:12px;line-height:1.4}.source-list a{color:#93c5fd;text-decoration:none}.ai-result-card{display:grid;gap:11px;padding:13px;border:1px solid rgba(68,136,255,.22);border-radius:var(--radius);background:linear-gradient(135deg,#4488ff12,#ff4d240a),var(--panel)}.ai-result-header{display:flex;align-items:center;gap:7px}.ai-result-header>svg{color:var(--red);flex-shrink:0}.ai-result-label{flex:1;color:var(--text);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.ai-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800}.ai-badge-remote{color:#93c5fd;background:#4488ff2e}.ai-badge-local{color:var(--muted);background:#ffffff12}.ai-badge-thinking{color:#fde68a;background:#fbbf2424}.quick-points{display:grid;gap:8px}.quick-points p{position:relative;margin:0;padding-left:14px;color:var(--text);font-size:12px;line-height:1.4}.quick-points p:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--red)}.ai-skeleton{display:grid;gap:8px}.ai-skeleton>div{height:12px;border-radius:6px;background:#ffffff14;animation:shimmer 1.4s ease-in-out infinite}.ai-skeleton>.ai-skel-short{width:65%}@keyframes shimmer{0%,to{opacity:.45}50%{opacity:1}}.repair-steps-card{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.repair-step-row{display:grid;grid-template-columns:36px 1fr;align-items:baseline;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.repair-step-row:last-of-type{border-bottom:0}.repair-step-row p{margin:0;font-size:12px;line-height:1.45}.step-num{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:var(--red);font:800 11px/1 var(--heading);flex-shrink:0;margin-top:1px}.step-caution{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border-top:1px solid rgba(251,191,36,.2);background:#fbbf240f}.step-caution svg{color:#fbbf24;flex-shrink:0;margin-top:1px}.step-caution span{color:#fde68a;font-size:11px;line-height:1.4}.visual-sketch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.visual-card{display:grid;gap:7px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.visual-card>span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.visual-card svg{width:100%;min-height:86px}.visual-card rect,.visual-card circle,.visual-card path{fill:#ffffff0a;stroke:#ffffff85;stroke-width:2}.visual-card path{fill:none;stroke:var(--red);stroke-linecap:round;stroke-linejoin:round}.visual-card .hotspot{fill:#ff4d2438;stroke:var(--red)}.visual-card text{fill:var(--text);font:800 9px/1 var(--heading);text-anchor:middle;dominant-baseline:middle}.match-results{display:grid;gap:8px}.match-card{display:grid;gap:8px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.match-card-head{display:grid;grid-template-columns:1fr auto;align-items:start;gap:9px}.match-title{display:block;font-size:13px;font-weight:700;line-height:1.25}.match-meta{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}.match-type{padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.match-type.type-red{color:var(--red);background:#ff4d2424}.match-type.type-blue{color:var(--blue);background:#4488ff24}.match-type.type-green{color:var(--green);background:#25d3661f}.match-type.type-amber{color:var(--amber);background:#ffb02024}.match-type.type-muted{color:var(--muted);background:#ffffff12}.match-source-label{color:var(--muted);font-size:11px}.match-score{padding:3px 8px;border-radius:var(--radius);color:var(--red);background:#ff4d241a;font:800 12px/1 var(--heading)}.match-summary{margin:0;color:var(--muted);font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.match-expand-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:transparent;font-size:11px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s}.match-expand-btn:hover{color:var(--text);border-color:#fff3}.match-raw{max-height:200px;overflow:auto;margin:0;padding:9px;border-radius:var(--radius);color:#dbeafe;background:#05070b;font:600 10px/1.45 SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.wiring-checks{display:grid;gap:7px}.wiring-check-item{display:flex;align-items:flex-start;gap:9px}.wiring-check-num{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;border-radius:50%;color:#93c5fd;background:#4488ff2e;font:800 10px/1 var(--heading)}.wiring-check-item>span:last-child{color:var(--muted);font-size:12px;line-height:1.4;padding-top:2px}.wiring-sources{display:flex;flex-wrap:wrap;gap:6px}.wiring-source-chip{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid rgba(68,136,255,.25);border-radius:999px;color:#93c5fd;background:#4488ff17;font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;transition:background .15s,border-color .15s}.wiring-source-chip:hover{background:#4488ff2b;border-color:#48f6}.data-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.data-hub article,.empty-state,.dtc-row,.session-row,.module-row,.setting-row,.inventory-row,.guide-row,.cost-row,.timeline-row,.duration-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.empty-state{padding:13px;color:var(--muted);font-size:13px;line-height:1.45}.dtc-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;padding:11px}.dtc-row>span{color:var(--amber);font-size:11px;font-weight:800}.dtc-row strong,.dtc-row small{display:block}.dtc-row small{margin-top:3px;color:var(--muted);font-size:12px}.dtc-row em{color:var(--red);font-size:11px;font-style:normal;font-weight:800;text-transform:uppercase}.data-hub article{min-height:82px;display:grid;align-content:center;padding:12px}.data-hub strong{color:var(--red);font:800 28px/1 var(--heading)}.data-hub span,.session-row span,.module-row span,.setting-row span,.inventory-row span,.guide-row span,.cost-row span,.duration-row span,.timeline-row em{color:var(--muted);font-size:12px}.session-row,.module-row,.setting-row,.inventory-row,.guide-row,.cost-row,.duration-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:11px}.session-row strong,.session-row span,.module-row strong,.module-row span,.setting-row strong,.setting-row span,.inventory-row strong,.inventory-row span,.guide-row strong,.guide-row span{display:block}.session-row em,.module-row em,.setting-row em,.inventory-row em,.guide-row em{color:var(--red);font-style:normal;font-size:12px;font-weight:800}.insight-row,.monitor-row{display:grid;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.insight-row{grid-template-columns:54px 1fr}.insight-row>span{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--radius);color:var(--red);background:#ff4d241a;font:800 16px/1 var(--heading)}.insight-row strong,.insight-row small,.monitor-row strong,.monitor-row span{display:block}.insight-row small,.monitor-row span{margin-top:3px;color:var(--muted);font-size:12px}.monitor-row{grid-template-columns:auto 1fr}.monitor-row svg{color:var(--green)}.cost-row strong,.duration-row strong{color:var(--green);font:800 18px/1 var(--heading)}.timeline-row{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px;padding:11px}.timeline-row strong{color:var(--text);font:800 13px/1 var(--heading)}.timeline-row div{height:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.timeline-row div span{display:block;height:100%;border-radius:inherit;background:var(--red)}.frame-row{grid-template-columns:44px 1fr auto auto;padding:10px}.frame-row strong{color:var(--red);font-family:var(--heading)}.frame-row code{min-width:0;overflow:hidden;color:var(--text);font:600 11px/1.2 SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.bottom-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:9px 10px 12px;border-top:1px solid var(--line);background:#05070bf5}.nav-item{min-width:0;min-height:58px;display:grid;place-items:center;gap:4px;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);background:transparent;font-size:11px;font-weight:800}.nav-item.active{color:var(--red);border-color:#ff4d2438;background:#ff4d241a}.hub-screen{gap:12px}.mann-hero{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(68,136,255,.28);border-left:4px solid var(--blue);border-radius:var(--radius);background:linear-gradient(135deg,#4488ff1f,#05070b00 70%),var(--panel)}.mann-hero-left{display:flex;align-items:flex-start;gap:12px;min-width:0}.mann-brand-mark{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius);color:#fff;background:var(--blue)}.mann-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#4488ff38;color:#93c5fd;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}.mann-title{font:700 20px/1.1 var(--heading);color:var(--text)}.mann-subtitle{margin-top:3px;color:var(--muted);font-size:12px}.hub-form{display:grid;gap:10px}.hub-field{display:grid;gap:5px}.hub-field label{display:flex;align-items:center;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.hub-field input{width:100%;min-height:40px;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--panel-2);font:700 13px/1 var(--body);outline:none;transition:border-color .15s}.hub-field input:focus{border-color:#4488ff80}.hub-field input::placeholder{color:var(--muted);font-weight:400}.hub-field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hub-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border:0;border-radius:var(--radius);color:#fff;background:var(--blue);font:800 14px/1 var(--body);cursor:pointer;transition:opacity .15s}.hub-submit:disabled{opacity:.7;cursor:wait}.hub-submit:not(:disabled):hover{opacity:.88}.hub-loader{display:grid;gap:8px;padding:14px;border:1px solid rgba(68,136,255,.2);border-radius:var(--radius);background:var(--panel)}.hub-step{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--muted)}.hub-step.done{color:var(--green)}.hub-step.active{color:var(--blue)}.hub-step.pending{color:var(--muted);opacity:.6}.hub-step-circle{display:inline-block;width:17px;height:17px;flex-shrink:0;border-radius:50%;border:2px solid currentColor;opacity:.5}.vehicle-id-card{display:grid;gap:5px;padding:14px;border:1px solid rgba(68,136,255,.22);border-left:3px solid var(--blue);border-radius:var(--radius);background:var(--panel)}.vid-vin{font:600 11px/1 SFMono-Regular,Consolas,monospace;color:var(--muted);letter-spacing:.06em}.vid-name{font:800 18px/1.1 var(--heading);color:var(--text)}.vid-detail{color:var(--muted);font-size:12px}.hub-warnings{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid rgba(255,176,32,.25);border-radius:var(--radius);background:#ffb02012;color:var(--amber)}.hub-warnings svg{flex-shrink:0;margin-top:1px}.hub-warnings-list{display:grid;gap:4px}.hub-warnings-list>div{font-size:12px;line-height:1.4;color:#fde68a}.strategy-card{display:grid;gap:12px;padding:14px;border:1px solid rgba(68,136,255,.18);border-radius:var(--radius);background:linear-gradient(135deg,rgba(68,136,255,.05) 0%,transparent 60%),var(--panel)}.mann-section-label{display:flex;align-items:center;gap:10px}.mann-label-badge{display:inline-block;padding:3px 9px;border-radius:999px;background:#4488ff2e;color:#93c5fd;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.mann-section-label strong{font:700 15px/1.2 var(--heading);color:var(--text)}.md-block{display:grid;gap:6px;min-width:0}.md-block .mdh1{margin:8px 0 2px;font:700 17px/1.2 var(--heading);color:var(--text)}.md-block .mdh2{margin:6px 0 2px;font:700 15px/1.2 var(--heading);color:var(--text)}.md-block .mdh3{margin:5px 0 2px;font:700 13px/1.2 var(--heading);color:#93c5fd}.md-block .mdh4{margin:4px 0 2px;font:600 12px/1.2 var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.md-block .mdul,.md-block .mdol{margin:0;padding-left:18px;display:grid;gap:4px}.md-block li{color:var(--text);font-size:13px;line-height:1.5}.md-block .mdp{margin:0;color:var(--text);font-size:13px;line-height:1.55}.md-block .mdhr{border:none;border-top:1px solid var(--line);margin:6px 0}.md-block .mdinline{padding:1px 5px;border-radius:4px;background:#ffffff14;color:#93c5fd;font:600 11px/1.3 SFMono-Regular,Consolas,monospace}.md-block strong{color:var(--text)}.md-block em{color:var(--muted);font-style:italic}.schematics-section{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.schematic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.schematic-item{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--panel-2);border:1px solid var(--line);min-height:100px}.schematic-placeholder{width:100%;min-height:100px;display:grid;place-items:center;color:var(--muted)}.wiring-fallback-item{grid-column:1 / -1}.wiring-mermaid-render{padding:12px;overflow-x:auto}.wiring-mermaid-render svg{max-width:100%;height:auto}.wiring-svg-card{background:var(--panel-2);border:1px solid #1e3a5f;border-radius:var(--radius);overflow:hidden;padding:12px}.wiring-svg-card .mann-overlay{position:relative;background:none;padding:0 0 8px;-webkit-backdrop-filter:none;backdrop-filter:none}.wiring-svg-render{width:100%;overflow-x:auto;border-radius:8px}.wiring-svg-render svg{display:block;width:100%;height:auto;min-width:320px}.wiring-svg-desc{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line)}.schematic-img{width:100%;height:auto;display:block;object-fit:cover}.mann-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:#05070bc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mann-brand-tag{font:800 9px/1 var(--heading);color:#93c5fd;letter-spacing:.08em}.mann-view-link{color:var(--blue);display:grid;place-items:center;opacity:.8;transition:opacity .15s}.mann-view-link:hover{opacity:1}.schematic-title{margin:0;padding:5px 8px 7px;color:var(--muted);font-size:10px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-schematics{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);color:var(--muted)}.no-schematics svg{flex-shrink:0;margin-top:1px;color:var(--muted)}.no-schematics span{font-size:12px;line-height:1.45}.hub-sources{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.hub-source-row{display:flex;align-items:flex-start;gap:10px;padding-top:8px;border-top:1px solid var(--line)}.hub-source-row:first-of-type{padding-top:0;border-top:0}.hub-source-num{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#4488ff2e;color:#93c5fd;font:800 11px/1 var(--heading)}.hub-source-content{display:grid;gap:3px;min-width:0}.hub-source-title{display:inline-flex;align-items:center;color:#93c5fd;font-size:12px;font-weight:700;text-decoration:none;line-height:1.3}.hub-source-title:hover{text-decoration:underline}.hub-source-domain{color:var(--green);font-size:10px;font-weight:700}.hub-source-snippet{color:var(--muted);font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hub-footer{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid rgba(255,176,32,.2);border-radius:var(--radius);background:#ffb0200d}.hub-footer svg{flex-shrink:0;margin-top:1px;color:var(--amber)}.hub-footer span{color:var(--muted);font-size:11px;line-height:1.45}.oem-portal-btn{display:flex;align-items:center;gap:7px;margin-top:10px;padding:9px 12px;border-radius:10px;font-size:12px;font-weight:500;text-decoration:none;border:1px solid rgba(34,197,94,.25);background:#22c55e0f;color:#4ade80;transition:background .15s}.oem-portal-btn.paid{border-color:#fbbf2433;background:#fbbf240d;color:#fbbf24}.oem-portal-btn:hover{filter:brightness(1.15)}.oem-portal-cost{font-size:10px;color:var(--muted);background:#ffffff12;padding:1px 6px;border-radius:4px}.live-check-panel{margin-top:10px}.live-check-btn{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid rgba(59,130,246,.35);background:#3b82f614;color:#60a5fa;cursor:pointer;transition:background .15s}.live-check-btn:hover:not(.disabled){background:#3b82f626}.live-check-btn.disabled{opacity:.45;cursor:default;border-color:var(--line);color:var(--muted);background:none}.live-check-reading{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);padding:6px 0}.live-check-retry{background:none;border:none;color:var(--blue);font-size:11px;cursor:pointer;padding:0 4px;margin-left:6px}.live-check-results{background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:10px;padding:10px 12px}.live-check-header{display:flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#60a5fa;margin-bottom:8px}.live-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.live-reading-chip{display:flex;flex-direction:column;gap:2px;background:#ffffff0a;border:1px solid var(--line);border-radius:8px;padding:7px 10px}.live-reading-label{font-size:10px;color:var(--muted);line-height:1.2}.live-reading-value{font-size:16px;font-weight:700;font-family:var(--heading);color:#60a5fa;line-height:1}.live-reading-value em{font-size:10px;font-weight:400;font-style:normal;color:var(--muted);margin-left:2px}.confidence-panel{margin:0 16px 14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.confidence-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.confidence-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);white-space:nowrap}.confidence-pct{font-size:22px;font-weight:700;font-family:var(--heading);text-align:right;white-space:nowrap}.confidence-bar-track{grid-column:1 / -1;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.confidence-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.differentials-title{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:6px}.differential-row{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:#ffffff08;border:1px solid var(--line);border-radius:8px;margin-bottom:6px}.differential-row:last-child{margin-bottom:0}.differential-main{display:flex;align-items:center;gap:8px}.differential-prob{font-size:12px;font-weight:700;color:#60a5fa;min-width:36px}.differential-cause{font-size:13px;font-weight:500}.differential-test{font-size:11px;color:var(--muted);padding-left:44px;line-height:1.4}.nhtsa-panel{margin:0 16px 14px;border-radius:12px;border:1px solid rgba(234,179,8,.2);background:#eab3080a;overflow:hidden}.nhtsa-panel-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;color:#fde047;text-align:left}.nhtsa-panel-toggle svg{flex-shrink:0}.rotate-90{transform:rotate(90deg)}.nhtsa-panel-body{border-top:1px solid rgba(234,179,8,.15);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.nhtsa-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;margin-bottom:2px}.nhtsa-item{background:#ffffff08;border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.nhtsa-item.nhtsa-recall{border-color:#ef444433;background:#ef444408}.nhtsa-id{font-size:10px;font-weight:700;letter-spacing:.06em;color:#fde047;background:#eab3081f;border:1px solid rgba(234,179,8,.25);border-radius:4px;padding:1px 7px;width:fit-content}.nhtsa-id.recall{color:#f87171;background:#ef44441f;border-color:#ef444440}.nhtsa-subject{font-size:13px;font-weight:600;line-height:1.3}.nhtsa-summary{font-size:12px;color:var(--muted);line-height:1.5}.nhtsa-pdf-link{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#fde047;background:#eab3081a;border:1px solid rgba(234,179,8,.2);border-radius:4px;padding:1px 6px;text-decoration:none;white-space:nowrap}.nhtsa-pdf-link:hover{background:#eab30833}.epa-specs-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.epa-chip{font-size:11px;padding:2px 8px;border-radius:20px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#4ade80}.epa-source{font-size:10px;color:var(--muted);margin-left:2px}.solution-tsb-ref{display:flex;align-items:center;gap:6px;font-size:11px;color:#fde047;background:#eab30814;border:1px solid rgba(234,179,8,.2);border-radius:6px;padding:5px 10px;margin-top:8px}.solution-navigator{padding:0 16px 4px}.solution-summary{display:flex;align-items:flex-start;gap:8px;background:#60a5fa14;border:1px solid rgba(96,165,250,.18);border-radius:10px;padding:10px 12px;font-size:13px;color:#93c5fd;line-height:1.5;margin-bottom:14px}.solution-progress{display:flex;align-items:center;gap:6px;margin-bottom:14px}.solution-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);transition:background .2s,transform .2s}.solution-dot.done{background:#22c55e80;border-color:#22c55e}.solution-dot.active{background:var(--blue);border-color:var(--blue);transform:scale(1.3)}.solution-progress-label{font-size:11px;color:var(--muted);margin-left:4px;font-variant-numeric:tabular-nums}.solution-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.solution-card.final{border-color:#ef44444d;background:#ef44440a}.solution-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.solution-step-badge{width:30px;height:30px;border-radius:8px;background:#4488ff26;border:1px solid rgba(68,136,255,.3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--blue);flex-shrink:0}.solution-card.final .solution-step-badge{background:#ef444426;border-color:#ef44444d;color:#f87171}.solution-card-title{flex:1;min-width:0}.solution-card-title strong{display:block;font-size:15px;font-weight:600;line-height:1.3;margin-bottom:5px}.solution-meta-row{display:flex;flex-wrap:wrap;gap:5px}.solution-chip{font-size:11px;padding:2px 8px;border-radius:20px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.solution-description{font-size:13px;color:var(--muted);line-height:1.55;margin:0 0 12px}.solution-steps{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.solution-step-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5}.step-num{min-width:22px;height:22px;border-radius:50%;background:#4488ff26;border:1px solid rgba(68,136,255,.25);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--blue);flex-shrink:0;margin-top:1px}.solution-tools{font-size:12px;color:var(--muted);background:#ffffff0a;border-radius:8px;padding:8px 10px}.solution-tools strong{color:var(--text)}.part-info-box{background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:12px 14px;margin-top:14px;display:flex;flex-direction:column;gap:6px}.part-info-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#f87171;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.part-info-row{font-size:12px;color:var(--muted);line-height:1.45}.part-info-row strong{color:var(--text);margin-right:4px}.solution-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.btn-fixed-it{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer;background:linear-gradient(135deg,#22c55e33,#10b98126);border:1px solid rgba(34,197,94,.4);color:#4ade80;transition:background .15s,transform .1s}.btn-fixed-it:hover{background:linear-gradient(135deg,#22c55e4d,#10b98138);transform:translateY(-1px)}.btn-still-broken{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;background:#ffffff0a;border:1px solid var(--line);color:var(--muted);transition:background .15s,color .15s,transform .1s}.btn-still-broken:hover{background:#ef444414;border-color:#ef444440;color:#f87171;transform:translateY(-1px)}.solution-end-note{font-size:12px;color:var(--muted);text-align:center;padding:12px;background:#ffffff08;border:1px solid var(--line);border-radius:10px;line-height:1.5}.solution-solved{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px;gap:6px}.solution-solved h2{font-family:var(--heading);font-size:22px;font-weight:700;margin:0 0 4px}@media(max-width:520px){.app-shell{display:block;min-height:100dvh;padding:0}.phone-frame{width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;border:0;border-radius:0}.app-header{padding-top:max(16px,env(safe-area-inset-top))}}@media(max-width:360px){.connection-pill{display:none}.vehicle-field-grid,.query-form{grid-template-columns:1fr}.query-form>button{width:100%}.visual-sketch-grid{grid-template-columns:1fr}.mini-metric strong{font-size:24px}.frame-row{grid-template-columns:40px 1fr auto}.frame-row em{display:none}}.health-score-card{display:flex;align-items:center;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:0 16px 16px}.health-circle{flex-shrink:0;width:72px;height:72px;border-radius:50%;border:3px solid var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center}.health-circle span{font-family:var(--heading);font-size:22px;font-weight:700;color:var(--green);line-height:1}.health-circle small{font-size:10px;color:var(--muted)}.health-info{flex:1;display:flex;flex-direction:column;gap:4px}.health-info strong{font-size:15px;color:var(--text)}.health-info p{margin:0;font-size:12px;color:var(--muted);line-height:1.4}.health-info button{align-self:flex-start;margin-top:6px;background:#4488ff26;border:1px solid rgba(68,136,255,.3);color:var(--blue);font-size:11px;padding:4px 10px;border-radius:6px;cursor:pointer}.services-customer-screen{padding-bottom:32px}.services-hero{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 16px 16px}.services-hero span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-bottom:4px}.services-hero h1{margin:0 0 6px;font-family:var(--heading);font-size:24px;font-weight:700}.services-hero p{margin:0;font-size:13px;color:var(--muted)}.services-hero-icon{color:var(--red);opacity:.6;flex-shrink:0;margin-top:4px}.booking-confirm{display:flex;align-items:center;gap:12px;margin:0 16px 14px;padding:14px 16px;background:#25d3661a;border:1px solid rgba(37,211,102,.3);border-radius:var(--radius);color:var(--green)}.booking-confirm div{flex:1}.booking-confirm strong{display:block;font-size:14px}.booking-confirm span{font-size:12px;color:var(--muted)}.booking-confirm button{background:none;border:1px solid rgba(255,255,255,.12);color:var(--muted);font-size:11px;padding:4px 10px;border-radius:6px;cursor:pointer;flex-shrink:0}.service-book-card{display:flex;align-items:center;gap:14px;margin:0 16px 10px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.service-book-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-book-icon.svc-blue{background:#4488ff26;color:var(--blue)}.service-book-icon.svc-red{background:#ff4d2426;color:var(--red)}.service-book-icon.svc-green{background:#25d36626;color:var(--green)}.service-book-icon.svc-amber{background:#ffb02026;color:var(--amber)}.service-book-body{flex:1;min-width:0}.service-book-body strong{display:block;font-size:14px;font-weight:600;margin-bottom:2px}.service-book-body>span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.service-book-meta{display:flex;gap:10px;align-items:center}.service-book-meta em{font-style:normal;font-weight:700;font-size:14px;color:var(--text)}.service-book-meta span{font-size:11px;color:var(--muted)}.service-book-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;flex-shrink:0}.service-book-btn.svc-blue{background:#48f3;color:var(--blue)}.service-book-btn.svc-red{background:#ff4d2433;color:var(--red)}.service-book-btn.svc-green{background:#25d36633;color:var(--green)}.service-book-btn.svc-amber{background:#ffb02033;color:var(--amber)}.services-connect-tip{display:flex;align-items:center;gap:12px;margin:8px 16px 0;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);font-size:13px}.services-connect-tip svg{flex-shrink:0;color:var(--blue)}.live-connect-prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 32px;gap:12px;color:var(--muted)}.live-connect-prompt svg{color:var(--blue);opacity:.7;margin-bottom:8px}.live-connect-prompt h2{margin:0;font-size:18px;color:var(--text);font-family:var(--heading)}.live-connect-prompt p{margin:0;font-size:13px;line-height:1.5}.live-connect-prompt .primary-action{margin-top:8px;background:var(--blue);color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer}.live-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px 16px}.live-metric-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px 12px;border-radius:14px;border:1px solid var(--line);text-align:center}.live-metric-card.red{background:#ff4d2414;border-color:#ff4d2433}.live-metric-card.blue{background:#4488ff14;border-color:#48f3}.live-metric-card.green{background:#25d36614;border-color:#25d36633}.live-metric-card.amber{background:#ffb02014;border-color:#ffb02033}.live-metric-card.red svg{color:var(--red)}.live-metric-card.blue svg{color:var(--blue)}.live-metric-card.green svg{color:var(--green)}.live-metric-card.amber svg{color:var(--amber)}.live-metric-card strong{font-size:28px;font-weight:700;font-family:var(--heading);line-height:1}.live-metric-card small{font-size:11px;color:var(--muted)}.live-metric-card span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.monitor-ok{color:var(--green);font-style:normal;font-size:12px}.settings-screen{padding-bottom:32px}.settings-hero{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 16px 16px}.settings-hero span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin-bottom:4px}.settings-hero h1{margin:0;font-family:var(--heading);font-size:24px;font-weight:700}.settings-hero-icon{color:var(--blue);opacity:.5;flex-shrink:0;margin-top:4px}.setting-toggle-row{align-items:center}.setting-row-icon{width:34px;height:34px;border-radius:8px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--blue)}.toggle-pill{width:44px;height:26px;border-radius:13px;background:#ffffff1a;border:1px solid var(--line);flex-shrink:0;position:relative;transition:background .2s}.toggle-pill span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}.toggle-pill.on{background:#4488ff40;border-color:var(--blue)}.toggle-pill.on span{transform:translate(18px);background:var(--blue)}.unit-toggle{display:flex;gap:4px;flex-shrink:0}.unit-toggle button{padding:5px 10px;border-radius:6px;font-size:11px;border:1px solid var(--line);background:none;color:var(--muted);cursor:pointer}.unit-toggle button.active{background:#48f3;border-color:var(--blue);color:var(--blue)}