/* HiBiker Cockpit V2 — isolated from the existing Garage design system */
.modal:has(.hb-v2){padding:0!important;place-items:center!important;background:rgba(0,0,0,.83)!important;backdrop-filter:blur(18px)}
.modal-card:has(> .hb-v2){width:min(100%,490px)!important;max-width:490px!important;height:min(95dvh,940px)!important;max-height:95dvh!important;padding:0!important;overflow-y:auto!important;overscroll-behavior:contain;background:#06090b!important;border:1px solid #30363c!important;border-radius:27px!important;color:#eef2f4!important;box-shadow:0 40px 95px #000d!important;scrollbar-width:thin;scrollbar-color:#2d343a #06090b}
.hb-v2{--hb-orange:#ff741c;--hb-text:#f5f7fa;--hb-mute:#a0aab3;--hb-line:#252e34;--hb-green:#39de9b;--hb-amber:#ffc253;--hb-red:#ff625f;color:var(--hb-text);min-height:100%;padding:0 14px 24px;background:radial-gradient(ellipse at 50% -80px,#192229 0,#080c0f 45%,#050708 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:13px;line-height:1.4}
.hb-v2 *{box-sizing:border-box}
.hb-v2 button{font-family:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.hb-v2 button:focus-visible,.hb-v2 input:focus-visible{outline:2px solid #ffb378!important;outline-offset:3px}
.hb-v2 h1,.hb-v2 h2,.hb-v2 h3,.hb-v2 h4,.hb-v2 p{margin:0}
.hb-v2 .hb-nav{height:55px;display:flex;align-items:center;gap:9px;position:sticky;top:0;z-index:15;background:linear-gradient(180deg,#0a1014fa,#0a1014f3);border-bottom:1px solid #202b33;margin:0 -14px;padding:0 14px;backdrop-filter:blur(16px)}
.hb-v2 .hb-nav-title{flex:1;font-size:14px;font-weight:850;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-v2 .hb-icon-btn{width:32px;height:32px;flex:none;display:grid;place-items:center;border:1px solid #364047;background:linear-gradient(145deg,#222a30,#101518);color:#eaf0f2;border-radius:10px}
.hb-v2 .hb-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none}
.hb-v2 .hb-icon svg{width:100%;height:100%;overflow:visible}
.hb-v2 .hb-icon-lg{width:31px;height:31px}
.hb-v2 .hb-icon-huge{width:74px;height:74px}
.hb-v2 .hb-preview-tag{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #8c491f;background:#30170b;color:#ffc294;border-radius:99px;font-size:9px;font-weight:850;letter-spacing:.075em;padding:6px 9px}
.hb-v2 .hb-hero{min-height:225px;margin:0 -14px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#27343c,#070d11 74%)}
.hb-v2 .hb-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,transparent 42%,#080b0e 100%)}
.hb-v2 .hb-hero-background{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(23px) brightness(.42) saturate(.75);opacity:.8}
.hb-v2 .hb-hero-foreground{position:absolute;inset:34px 3% 1px;width:94%;height:calc(100% - 35px);object-fit:contain;filter:drop-shadow(0 12px 17px #000b);z-index:1}
.hb-v2 .hb-hero-fallback{position:absolute;inset:32px 12% 14px;display:grid;place-items:center;border:1px solid #263b49;border-radius:24px;background:radial-gradient(ellipse,#1b303d 0%,#0a1115 70%);box-shadow:inset 0 0 65px #000a;color:#ef7d32}
.hb-v2 .hb-hero-fallback .hb-icon{width:128px;height:128px;filter:drop-shadow(0 0 20px #ff761928)}
.hb-v2 .hb-hero-name{position:relative;z-index:3;padding:15px 18px 0;text-shadow:0 2px 8px #000}
.hb-v2 .hb-hero-name h1{font-size:clamp(19px,5vw,25px);font-weight:900;letter-spacing:-.045em;line-height:1.1;margin:5px 0 3px}
.hb-v2 .hb-hero-name p{color:#d5dce1;font-size:10px;font-weight:650;letter-spacing:.04em}
.hb-v2 .hb-eyebrow{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.14em;font-weight:900;color:#adb8c1}
.hb-v2 .hb-dash{position:relative;z-index:2;margin:-45px 0 0;padding:17px 10px 9px;border-radius:25px 25px 15px 15px;border:1px solid #54616b;background:linear-gradient(160deg,#131b22,#070b0e 69%);box-shadow:inset 0 1px 0 #7d8c9430,0 17px 27px #000a;overflow:hidden;text-align:center}
.hb-v2 .hb-dash:before{content:"";position:absolute;inset:5px;border:1px solid #33434c;border-radius:21px 21px 12px 12px;pointer-events:none}
.hb-v2 .hb-gauge{height:109px;margin:0 auto -38px;max-width:380px;overflow:hidden}
.hb-v2 .hb-gauge svg{height:185px;width:100%;filter:drop-shadow(0 0 4px #fb5a2533)}
.hb-v2 .hb-gauge-txt{display:grid;place-items:center;gap:2px;position:relative;z-index:1;margin-top:0}
.hb-v2 .hb-status-line{display:flex;align-items:center;justify-content:center;gap:6px;color:#c8d3da;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.12em}
.hb-v2 .hb-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--hb-green);box-shadow:0 0 10px #38db9480}
.hb-v2 .hb-status-dot.warning{background:var(--hb-amber);box-shadow:0 0 9px #ffc25388}
.hb-v2 .hb-status-dot.danger{background:var(--hb-red);box-shadow:0 0 9px #ff625f88}
.hb-v2 .hb-odo{font-weight:950;font-size:clamp(40px,12vw,58px);font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.065em;color:#fff;text-shadow:0 3px 15px #ffffff17}
.hb-v2 .hb-odo small{font-size:15px;letter-spacing:0;font-weight:680;color:#b0b9c0}
.hb-v2 .hb-dash-actions{display:grid;grid-template-columns:1.15fr 1fr;margin:8px 4px 0;border:1px solid #2e3a42;border-radius:11px;background:#0b1216;overflow:hidden;text-align:left}
.hb-v2 .hb-dash-actions>button,.hb-v2 .hb-dash-actions>div{display:flex;gap:8px;align-items:center;border:0;padding:11px 7px;color:#e7edf0;background:none;min-width:0}
.hb-v2 .hb-dash-actions>button+div{border-left:1px solid #34414b}
.hb-v2 .hb-dash-actions .hb-icon{color:var(--hb-orange)}
.hb-v2 .hb-dash-actions label{font-size:9px;line-height:1.25;color:#d4dde2;display:grid;gap:3px;min-width:0}
.hb-v2 .hb-dash-actions label strong{font-size:13px;line-height:1.15;color:#ff9a5a}
.hb-v2 .hb-dash-actions>div strong{color:#f4f6f7;font-size:10px}
.hb-v2 .hb-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:11px 0;margin:9px 0 0;border:1px solid #27343c;border-radius:13px;background:linear-gradient(145deg,#12191e,#080d10)}
.hb-v2 .hb-metrics>div{display:grid;place-items:center;gap:3px;min-width:0}
.hb-v2 .hb-metrics>div+div{border-left:1px solid #2f3b43}
.hb-v2 .hb-metrics b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%}
.hb-v2 .hb-metrics small{font-size:8px;font-weight:750;color:#adb6bd;text-align:center;line-height:1.35;letter-spacing:.02em}
.hb-v2 .hb-section-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:23px 2px 12px}
.hb-v2 .hb-section-label h2{font-size:16px;font-weight:900;letter-spacing:-.025em}
.hb-v2 .hb-section-label span{font-size:10px;color:#adb9c1}
.hb-v2 .hb-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hb-v2 .hb-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:136px;padding:13px 5px 10px;gap:7px;border:1px solid #3e4c54;border-radius:15px;background:linear-gradient(160deg,#1b252c 0%,#0d1317 62%,#080b0d 100%);box-shadow:inset 0 1px 0 #a6c4d812,0 5px 12px #0006;color:#f2f5f7;text-align:center;transition:transform .15s,border-color .15s}
.hb-v2 .hb-tile:active{transform:translateY(2px)}
.hb-v2 .hb-tile:before{content:"";height:1px;position:absolute;top:0;left:20%;right:20%;background:linear-gradient(90deg,transparent,#9baeb940,transparent)}
.hb-v2 .hb-tile.warning{border-color:#a96b25}
.hb-v2 .hb-tile.danger{border-color:#d45d2d;box-shadow:inset 0 0 20px #ff6b1712,0 0 10px #ff521016}
.hb-v2 .hb-tile .hb-icon{height:36px;width:36px;color:#eef4f6}
.hb-v2 .hb-tile.warning .hb-icon,.hb-v2 .hb-tile.danger .hb-icon{color:#ff853c}
.hb-v2 .hb-tile b{font-size:11px;font-weight:820;line-height:1.2}
.hb-v2 .hb-tile-detail{font-size:9px;line-height:1.1;color:#c7d1d5;min-height:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-v2 .hb-chip{display:inline-flex;align-items:center;justify-content:center;min-height:23px;max-width:100%;border-radius:99px;border:1px solid #65737b;color:#ced6dc;padding:3px 7px;font-size:9px;font-weight:800;white-space:nowrap}
.hb-v2 .hb-chip.ok{color:#46e9a1;border-color:#198a52;background:#07351f}
.hb-v2 .hb-chip.warning{color:#ffcc65;border-color:#a26e24;background:#3a2609}
.hb-v2 .hb-chip.danger{color:#ffa467;border-color:#ce5a28;background:#36160a}
.hb-v2 .hb-chip.unset{color:#b4bdc5;border-color:#56616b;background:#182127}
.hb-v2 .hb-bot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0 6px}
.hb-v2 .hb-feature{display:flex;align-items:center;gap:9px;min-width:0;padding:13px 11px;border-radius:13px;border:1px solid #3c4750;color:#f6f7f9;background:linear-gradient(145deg,#192128,#0a1014);text-align:left}
.hb-v2 .hb-feature>.hb-icon{width:28px;height:28px;color:#ff8d45}
.hb-v2 .hb-feature-copy{display:grid;gap:5px;flex:1;min-width:0}
.hb-v2 .hb-feature-copy small{font-size:9px;color:#b8c3ca}
.hb-v2 .hb-feature-copy strong{font-size:14px;line-height:1.15;font-weight:900;white-space:nowrap}
.hb-v2 .hb-feature>svg{color:#e08750}
.hb-v2 .hb-primary{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;border:1px solid #ff944f;border-radius:12px;background:linear-gradient(180deg,#ff983f,#ff6b19);box-shadow:inset 0 1px #fff8,0 7px 15px #ff671b23;color:#1d0d04;font-size:12px;font-weight:950;letter-spacing:.025em}
.hb-v2 .hb-secondary{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:43px;border:1px solid #be5f25;border-radius:11px;background:#25160d;color:#ffa56b;font-size:11px;font-weight:900}
.hb-v2 .hb-cta-footer{position:sticky;bottom:-24px;z-index:5;padding:12px 0 max(14px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,#06090b 22%,#06090b 100%);margin-top:6px}
.hb-v2 .hb-note{font-size:10px;line-height:1.65;color:#99a8b2;padding:13px 3px 0}
.hb-v2 .hb-preview-banner{display:flex;align-items:center;gap:8px;margin:12px 0 9px;padding:9px 12px;border:1px solid #925127;background:#3a1c0e;border-radius:10px;color:#ffcb96;font-size:10px;font-weight:900}
.hb-v2 .hb-detail-art{height:175px;margin:0 -14px 14px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 52% 55%,#24333e,#0a1014 62%,#06090b 100%);overflow:hidden;border-bottom:1px solid #243038}
.hb-v2 .hb-detail-art:before{content:"";position:absolute;width:230px;height:230px;border:1px solid #2a3a45;border-radius:50%;box-shadow:0 0 0 24px #ffffff06,0 0 0 50px #ffffff03}
.hb-v2 .hb-detail-art>.hb-icon{position:relative;z-index:1;color:#ff883a;filter:drop-shadow(0 0 22px #ff65003f)}
.hb-v2 .hb-detail-art small{position:absolute;bottom:10px;color:#9aabb5;font-size:9px;letter-spacing:.12em}
.hb-v2 .hb-detail-head{margin:4px 1px 14px}
.hb-v2 .hb-detail-head .hb-eyebrow{color:#ff9655;margin-bottom:5px}
.hb-v2 .hb-detail-head h2{font-size:27px;letter-spacing:-.04em;font-weight:930;line-height:1.1}
.hb-v2 .hb-detail-head p{margin-top:8px;font-size:11px;color:#aab7bf;line-height:1.5}
.hb-v2 .hb-kpi-panel{padding:16px;border:1px solid #34434d;background:linear-gradient(135deg,#172129,#090e11);border-radius:16px;margin-bottom:11px}
.hb-v2 .hb-kpi-panel .hb-eyebrow{color:#acbdc7}
.hb-v2 .hb-kpi{font-size:clamp(28px,9vw,39px);font-weight:930;letter-spacing:-.045em;line-height:1.25;color:#ff8b37;margin:6px 0}
.hb-v2 .hb-kpi small{font-size:14px;font-weight:700;color:#bdc9d0;letter-spacing:0}
.hb-v2 .hb-kpi-panel p{font-size:11px;line-height:1.5;color:#aebbc3}
.hb-v2 .hb-info-line{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 12px;border:1px solid #303e46;background:#11191e;border-radius:12px;margin:8px 0}
.hb-v2 .hb-info-line>.hb-icon{color:#ff914c}
.hb-v2 .hb-info-line>div{min-width:0;flex:1;display:grid;gap:4px}
.hb-v2 .hb-info-line small{font-size:10px;color:#a5b2ba}
.hb-v2 .hb-info-line strong{font-size:12px;line-height:1.4;font-weight:850;overflow-wrap:anywhere}
.hb-v2 .hb-form{display:grid;gap:13px;margin:13px 0}
.hb-v2 .hb-form label{display:grid;gap:7px;color:#dce6eb;font-size:11px;font-weight:800}
.hb-v2 .hb-form input,.hb-v2 .hb-form select{width:100%;min-width:0;border-radius:10px;border:1px solid #43525b;background:#0d1519;color:#f2f5f6;min-height:46px;padding:9px 12px;font-size:15px;color-scheme:dark;font-variant-numeric:tabular-nums}
.hb-v2 .hb-form input:disabled{color:#b1bec7;opacity:.7}
.hb-v2 .hb-form-help{font-size:10px;color:#9aabb5;line-height:1.5}
.hb-v2 .hb-inline-actions{display:flex;gap:9px;margin-top:6px}.hb-v2 .hb-inline-actions button{flex:1}
.hb-v2 .hb-history-list{display:grid;gap:0;margin-top:13px;position:relative}
.hb-v2 .hb-history-entry{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;align-items:start;padding:11px 7px 11px 0}
.hb-v2 .hb-history-entry:after{content:"";position:absolute;top:32px;bottom:-9px;left:11px;border-left:1px solid #704221;pointer-events:none}
.hb-v2 .hb-history-entry:last-child:after{display:none}
.hb-v2 .hb-history-entry>.hb-icon{color:#ff8c35;z-index:1;background:#090e11;width:24px;height:24px}
.hb-v2 .hb-history-entry-body{display:grid;gap:4px;min-width:0}
.hb-v2 .hb-history-entry-body small{font-size:10px;color:#9faeb8}
.hb-v2 .hb-history-entry-body strong{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.hb-v2 .hb-history-entry-price{font-size:11px;color:#ffc18f;white-space:nowrap;font-weight:850}
.hb-v2 .hb-chart{display:flex;align-items:end;gap:6px;height:115px;padding:15px 3px 0;border-bottom:1px solid #40505a;margin:6px 0 10px}
.hb-v2 .hb-chart-bar{display:grid;align-content:end;flex:1;min-width:0;height:100%;gap:3px}
.hb-v2 .hb-chart-bar .hb-bar{display:block;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(#ffa763,#fb691c)}
.hb-v2 .hb-chart-bar small{color:#a8bac3;font-size:8px;text-align:center}
.hb-v2 .hb-split-row{display:flex;align-items:center;gap:8px;padding:12px 2px;border-bottom:1px solid #27343c}
.hb-v2 .hb-split-row>.hb-icon{color:#ff964c}
.hb-v2 .hb-split-row strong{flex:1;font-size:12px}
.hb-v2 .hb-split-row b{color:#ffb98c;font-size:12px}
.hb-v2 .hb-empty{border:1px dashed #4b5b67;border-radius:14px;padding:17px 14px;background:#0e161c;color:#b0c0ca;font-size:11px;line-height:1.6}
.garage-cockpit-cta{width:100%;display:flex;align-items:center;gap:10px;padding:13px;background:linear-gradient(115deg,#261609,#151a1d);border:1px solid #a8572b;color:#fff;border-radius:13px;text-align:left;cursor:pointer}
.garage-cockpit-cta .hb-cta-icon{font-size:25px}
.garage-cockpit-cta>span:nth-child(2){display:grid;gap:4px;flex:1}
.garage-cockpit-cta b{font-size:12px;letter-spacing:.06em}
.garage-cockpit-cta small{color:#ffc395;font-size:10px}
.garage-cockpit-cta>strong{font-size:23px;color:#ff8b3f}
.garage-demo-help{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:600px){.modal:has(.hb-v2){place-items:stretch!important}.modal-card:has(> .hb-v2){max-width:100%!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important}.hb-v2{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.hb-v2 .hb-nav{padding-top:env(safe-area-inset-top);height:calc(54px + env(safe-area-inset-top))}.hb-v2 .hb-cta-footer{bottom:calc(-14px - env(safe-area-inset-bottom))}}
@media(max-width:355px){.hb-v2{padding-left:10px;padding-right:10px}.hb-v2 .hb-tile-grid{gap:5px}.hb-v2 .hb-tile{padding:11px 3px;min-height:131px}.hb-v2 .hb-tile b{font-size:10px}.hb-v2 .hb-hero{margin-left:-10px;margin-right:-10px}.hb-v2 .hb-tile .hb-icon{width:32px}}
@media(prefers-reduced-motion:reduce){.hb-v2 .hb-tile{transition:none}}

/* V2 media-rich maintenance detail: always reflects this motorcycle's Garage image. */
.hb-v2 .hb-detail-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(3px) brightness(.28) saturate(.8);opacity:.86}
.hb-v2 .hb-detail-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#070c1012,#070c11ac);pointer-events:none;z-index:0}
.hb-v2 .hb-detail-art:before{z-index:1}
.hb-v2 .hb-detail-art>.hb-icon{z-index:2}
.hb-v2 .hb-detail-art small{z-index:2}

/* Cockpit TFT 2.1: a more credible instrument cluster, not a simulated tachometer. */
.hb-v2 .hb-dash{border-radius:30px 30px 17px 17px;padding:12px 9px 9px;background:linear-gradient(155deg,#1e2930 0%,#060b0e 48%,#0b1013 100%);border:2px solid #52616b;box-shadow:inset 0 2px 2px #c8e2ee2d,inset 0 -6px 15px #000,0 21px 34px #000b}
.hb-v2 .hb-dash:before{border:1px solid #4c5960;inset:5px;border-radius:25px 25px 13px 13px}
.hb-v2 .hb-dash-corner{position:absolute;z-index:1;top:21px;color:#ff7932;opacity:.75}.hb-v2 .hb-dash-corner.left{left:16px}.hb-v2 .hb-dash-corner.right{right:16px}.hb-v2 .hb-dash-corner .hb-icon{width:18px}
.hb-v2 .hb-gauge{height:106px;max-width:360px;margin:0 auto -44px}
.hb-v2 .hb-gauge svg{width:100%;height:188px;filter:drop-shadow(0 0 6px #ff803041)}
.hb-v2 .hb-gauge-label{fill:#a3b2bd;font:800 10px ui-monospace,monospace}
.hb-v2 .hb-gauge-top{fill:#ff914d;font:850 9px Inter,system-ui,sans-serif;letter-spacing:1.5px}
.hb-v2 .hb-tick-active{filter:drop-shadow(0 0 3px #ffad5c44)}
.hb-v2 .hb-tft-display{position:relative;z-index:1;border:1px solid #354851;border-radius:13px;padding:9px 10px 7px;background:linear-gradient(145deg,#0a1116,#04080b 63%,#0e191f);box-shadow:inset 0 0 19px #000,inset 0 1px 0 #a6ccd124;overflow:hidden}
.hb-v2 .hb-tft-display:after{content:"";position:absolute;inset:-50% auto auto 5%;width:90%;height:65%;background:linear-gradient(165deg,#e6f8ff14,transparent 60%);transform:skewY(-8deg);pointer-events:none}
.hb-v2 .hb-tft-overline,.hb-v2 .hb-tft-under{display:flex;justify-content:space-between;align-items:center;gap:8px;font:800 8px ui-monospace,monospace;color:#788b96;letter-spacing:.1em;text-align:left}
.hb-v2 .hb-tft-orange{color:#ff8533}.hb-v2 .hb-tft-led{color:#42e29a;text-shadow:0 0 6px #37ca8088}
.hb-v2 .hb-tft-label{font:850 10px ui-monospace,monospace;color:#a8beca;letter-spacing:.17em}
.hb-v2 .hb-status-line{font-size:8px;letter-spacing:.08em;margin:4px 0 2px}
.hb-v2 .hb-odo{display:block;font-family:"Arial Narrow","Roboto Condensed",ui-monospace,monospace;font-stretch:condensed;font-size:clamp(39px,12vw,59px);letter-spacing:-.065em;font-weight:950;font-variant-numeric:tabular-nums;text-shadow:0 0 13px #d9eef033,0 2px 1px #fff2;margin:1px 0 2px}
.hb-v2 .hb-odo small{font-family:Inter,system-ui,sans-serif;letter-spacing:0;color:#ff963e}
.hb-v2 .hb-tft-under{border-top:1px solid #22323a;padding-top:6px;margin-top:2px;color:#8297a3}.hb-v2 .hb-tft-under>span{display:flex;align-items:center;gap:4px}.hb-v2 .hb-tft-under .hb-icon{width:13px;height:13px;color:#ff8c41}
.hb-v2 .hb-dash-actions{margin-top:10px}
.hb-v2 .hb-reminder-entry{display:flex;width:100%;align-items:center;gap:9px;background:linear-gradient(115deg,#18252a,#0b1115);border:1px solid #3b515b;border-radius:12px;padding:11px;color:#e2eef4;margin-top:12px;text-align:left}
.hb-v2 .hb-reminder-entry>.hb-icon{color:#ff984d}.hb-v2 .hb-reminder-entry>span:nth-child(2){display:grid;gap:4px;flex:1}.hb-v2 .hb-reminder-entry strong{font-size:11px}.hb-v2 .hb-reminder-entry small{font-size:9px;color:#a5bbc5}
.hb-v2 .hb-setting-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:14px 10px;border-radius:11px;border:1px solid #3c4c57;background:#101a20}
.hb-v2 .hb-setting-toggle span{display:grid;gap:5px;min-width:0}.hb-v2 .hb-setting-toggle strong{font-size:12px}.hb-v2 .hb-setting-toggle small{font-size:10px;color:#9fb2bd;font-weight:400;line-height:1.5}
.hb-v2 .hb-setting-toggle input{width:20px;height:20px;min-height:20px;accent-color:#ff7b30;flex:none}

/* Cockpit V3: measured instrument geometry; no gauge/display collision. */
.hb-v2 .hb-dash{
  isolation:isolate;overflow:hidden;margin:-42px 0 0;padding:12px 12px 12px;
  border:1px solid #657884;border-radius:30px 30px 18px 18px;
  background:radial-gradient(ellipse at 50% 0%,#23313b 0%,#101920 47%,#060a0d 100%);
  box-shadow:inset 0 1px 0 #e4f7ff45,inset 0 -8px 18px #000a,0 19px 35px #000c;
}
.hb-v2 .hb-dash:before{inset:4px;border:1px solid #4b616b;border-radius:26px 26px 14px 14px}
.hb-v2 .hb-dash:after{content:"";position:absolute;left:13%;right:13%;top:4px;height:1px;background:linear-gradient(90deg,transparent,#cceafa70,transparent);pointer-events:none}
.hb-v2 .hb-cluster-top{position:relative;z-index:1;display:grid;grid-template-columns:26px minmax(0,1fr) 26px;align-items:center;gap:6px;margin:3px 3px 0}
.hb-v2 .hb-cluster-icon{display:grid;place-items:center;color:#ff8b43;opacity:.9}
.hb-v2 .hb-cluster-icon .hb-icon{width:19px;height:19px}
.hb-v2 .hb-cluster-heading{display:grid;gap:2px;text-align:center;min-width:0}
.hb-v2 .hb-cluster-heading small{font-size:8px;line-height:1.2;color:#8daab9;font-weight:750;letter-spacing:.15em}
.hb-v2 .hb-cluster-heading strong{font-size:clamp(12px,3vw,15px);line-height:1.3;color:#ff964f;font-weight:900;letter-spacing:.16em;text-shadow:0 0 14px #ff852d38;white-space:nowrap}
.hb-v2 .hb-gauge{position:relative;z-index:0;width:min(100%,400px);max-width:400px;height:clamp(110px,31vw,150px);margin:4px auto 7px;overflow:hidden}
.hb-v2 .hb-gauge svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 5px #ff934023)}
.hb-v2 .hb-gauge-number{fill:#f4f7f8;font:900 29px Inter,system-ui,sans-serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.hb-v2 .hb-gauge-subtitle{fill:#92a9b7;font:800 9px Inter,system-ui,sans-serif;letter-spacing:1.25px}
.hb-v2 .hb-tick-active{filter:drop-shadow(0 0 2px #ffe7ce24)}
.hb-v2 .hb-tick-idle{opacity:.7}
.hb-v2 .hb-tft-display{position:relative;z-index:1;overflow:hidden;border:1px solid #425661;border-radius:15px;padding:11px 13px 10px;background:linear-gradient(150deg,#0b151b 0%,#03090d 62%,#0c1820 100%);box-shadow:inset 0 1px 0 #daeefa20,inset 0 0 20px #000d,0 3px 12px #0008}
.hb-v2 .hb-tft-display:after{content:"";position:absolute;inset:0 0 auto 0;height:28%;width:100%;background:linear-gradient(163deg,#d6edf20e,transparent 69%);transform:none;pointer-events:none}
.hb-v2 .hb-tft-overline{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px;font:850 9px ui-monospace,monospace;color:#b1c2ca;letter-spacing:.07em;text-align:left}
.hb-v2 .hb-tft-orange{color:#ff964b}
.hb-v2 .hb-tft-led{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#46d8b2;font-size:8px;text-shadow:none}
.hb-v2 .hb-tft-led i{display:block;width:6px;height:6px;border-radius:50%;background:#46d8b2;box-shadow:0 0 7px #46d8b28a}
.hb-v2 .hb-gauge-txt{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px 0 4px;min-width:0}
.hb-v2 .hb-status-line{display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;min-height:25px;margin:0;padding:5px 10px;border:1px solid #475c67;border-radius:999px;background:#17252e;color:#b5c5d0;font-size:9px;font-weight:850;letter-spacing:.055em;line-height:1.25;text-align:center;text-wrap:balance}
.hb-v2 .hb-status-line.warning{border-color:#8c643b;background:#292014;color:#ffd08a}
.hb-v2 .hb-status-line.ok{border-color:#2b6658;background:#112822;color:#6fe3bc}
.hb-v2 .hb-status-line.unset{border-color:#41515a;background:#142029;color:#adbfca}
.hb-v2 .hb-status-dot,.hb-v2 .hb-status-dot.warning,.hb-v2 .hb-status-dot.danger{width:6px;height:6px;flex:none;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}
.hb-v2 .hb-tft-label{font:850 clamp(9px,2.5vw,11px) ui-monospace,monospace;color:#9fb7c5;letter-spacing:.095em}
.hb-v2 .hb-reading{display:flex;align-items:baseline;justify-content:center;gap:7px;max-width:100%;min-width:0;white-space:nowrap;padding:0 1px 3px}
.hb-v2 .hb-odo{display:inline-block;min-width:0;max-width:100%;margin:0;color:#fbfdff;font-family:"Arial Narrow","Roboto Condensed",ui-monospace,monospace;font-size:clamp(38px,11.4vw,61px);font-weight:950;line-height:1.04;letter-spacing:-.055em;font-stretch:condensed;font-variant-numeric:tabular-nums;text-shadow:0 0 14px #d9eff83d}
.hb-v2 .hb-odo.hb-odo-long{font-size:clamp(29px,9vw,48px)}
.hb-v2 .hb-reading-unit{font-size:clamp(13px,3.6vw,17px);line-height:1;color:#ff9c50;font-weight:850}
.hb-v2 .hb-tft-under{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:7px;margin:8px 0 0;padding:9px 0 0;border-top:1px solid #263e4a;color:#9aadb9;font:800 8px ui-monospace,monospace;letter-spacing:.05em;text-align:left}
.hb-v2 .hb-tft-under>span{display:inline-flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}
.hb-v2 .hb-tft-under>span:last-child{justify-content:flex-end}
.hb-v2 .hb-tft-under b{color:#eef3f5;font-size:10px;font-variant-numeric:tabular-nums}
.hb-v2 .hb-tft-under .hb-icon{width:13px;height:13px;color:#ff9c50}
.hb-v2 .hb-dash-actions{margin-top:11px}
@media(max-width:365px){
  .hb-v2 .hb-dash{padding:10px 8px}
  .hb-v2 .hb-cluster-heading strong{font-size:11px;letter-spacing:.115em}
  .hb-v2 .hb-gauge{height:115px;margin:3px auto 5px}
  .hb-v2 .hb-tft-display{padding:10px 9px 9px}
  .hb-v2 .hb-gauge-txt{gap:7px;margin-top:10px}
  .hb-v2 .hb-tft-overline{font-size:8px}
  .hb-v2 .hb-tft-under{font-size:7.5px}
  .hb-v2 .hb-tft-under .hb-icon{width:11px;height:11px}
  .hb-v2 .hb-odo{font-size:clamp(35px,11vw,42px)}
  .hb-v2 .hb-odo.hb-odo-long{font-size:clamp(27px,8.5vw,32px)}
}
@media(prefers-reduced-motion:reduce){.hb-v2 .hb-tick-active{filter:none}}