/* Motorcycle cockpit pilot — styles isolated from the standard Garage. */
.modal-card:has(> .hb-cockpit){padding:0!important;background:#0b0c0e!important;border:1px solid #2a2d31!important;border-radius:22px!important;color:#f2f3f5!important;overflow-x:hidden;max-width:530px;width:min(calc(100vw - 18px),530px)}
.hb-cockpit{padding:13px;min-width:0;background:radial-gradient(ellipse 95% 250px at 50% 1%,#25201d 0%,#101113 66%,#0a0b0d 100%);font:inherit;color:#f5f5f5}
.hb-cockpit button{cursor:pointer;font:inherit;touch-action:manipulation}
.hb-cockpit button:focus-visible,.hb-cockpit input:focus-visible{outline:2px solid #ff8b33;outline-offset:3px}
.hb-cockpit-header{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 12px;color:#d9dce2}
.hb-cockpit-header>span{font-size:11px;letter-spacing:.19em;font-weight:900;display:flex;align-items:center;gap:6px}.hb-cockpit-header em{font-style:normal;color:#ff8832}
.hb-dash-dot{width:7px;height:7px;border-radius:50%;background:#ff8229;box-shadow:0 0 11px #ff701f}
.hb-cockpit-close{width:32px;height:32px;border-radius:10px;border:1px solid #55585d;background:#212326;color:#fff;font-size:23px!important;line-height:1}
.hb-instrument{position:relative;border:1px solid #4b4c4d;border-radius:25px 25px 17px 17px;overflow:hidden;background:linear-gradient(150deg,#16191c,#070809 66%);box-shadow:inset 0 2px 1px #787b7b33,inset 0 -2px 12px #000,0 11px 24px #000b;padding:15px 9px 9px;text-align:center}
.hb-instrument:before{content:"";position:absolute;inset:5px;border-radius:20px;border:1px solid #393b3d;pointer-events:none}
.hb-bike-identity{display:flex;flex-direction:column;gap:3px;position:relative;z-index:1}
.hb-bike-identity small{font-size:9px;font-weight:800;letter-spacing:.15em;color:#aaa9a5}
.hb-bike-identity strong{font-size:clamp(15px,4.6vw,22px);font-weight:900;letter-spacing:.02em;line-height:1.1;overflow-wrap:anywhere}
.hb-arc-wrapper{position:relative;height:133px;margin:0 0 -52px;pointer-events:none}
.hb-cockpit-arc{width:min(100%,360px);height:142px;display:block;margin:0 auto;filter:drop-shadow(0 0 3px #ff680022)}
.hb-odometer{position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;padding:0 0 16px}
.hb-odometer>span{color:#abb0b7;font-size:9px;font-weight:800;letter-spacing:.14em}
.hb-odometer>strong{font-size:clamp(36px,12vw,57px);line-height:1;font-weight:950;letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #fff7}
.hb-odometer>strong small{font-size:17px;color:#a9acb4;letter-spacing:0;font-weight:700}
.hb-odometer button{margin-top:4px;min-height:35px;border:1px solid #d15f22;color:#ff9c5b;background:#3a1c10;border-radius:9px;padding:8px 16px;font-weight:900;font-size:10px;letter-spacing:.055em}
.hb-instrument-bottom{display:flex;justify-content:space-between;gap:10px;padding:12px 12px 3px;border-top:1px solid #343639;text-align:left;color:#f9a068;font-size:9px;font-weight:800;letter-spacing:.06em}.hb-instrument-bottom span:last-child{color:#818892}
.hb-context{font-size:11px;line-height:1.5;color:#aeb2ba;margin:12px 4px 17px}
.hb-section-title{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:13px 2px 10px}.hb-section-title h4{margin:0;font-size:15px;letter-spacing:-.02em}.hb-section-title span{font-size:10px;color:#9ea6ae}
.hb-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hb-check{text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-height:130px;padding:11px 11px 10px;background:linear-gradient(150deg,#191b1e,#0e0f12);border:1px solid #36393d;border-radius:14px;color:#e4e8ed;box-shadow:inset 0 1px #ffffff13}
.hb-check.warn{border-color:#8b601c}.hb-check.danger{border-color:#a63427}
.hb-check-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:6px}.hb-check-icon{font-size:23px;filter:grayscale(.15)}.hb-check-arrow{font-size:20px;color:#ff7729}
.hb-check>strong{font-size:13px;margin-bottom:7px;letter-spacing:.01em}.hb-pill{padding:4px 8px;border-radius:99px;border:1px solid #565b61;color:#cdd2d7;font-size:9px;font-weight:800;letter-spacing:.025em}
.hb-check.ok .hb-pill{border-color:#256e50;color:#6de0ac;background:#0b2b22}.hb-check.warn .hb-pill{border-color:#a97825;color:#ffcd74;background:#2a210c}.hb-check.danger .hb-pill{border-color:#a52d2b;color:#ff9388;background:#301412}
.hb-check>small,.hb-check>.hb-last{font-size:10px;color:#a4a8af;margin-top:6px;line-height:1.35;overflow-wrap:anywhere}.hb-check>.hb-last{font-size:9px;color:#787f88}
.hb-settings-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;margin-top:10px;border-radius:11px;border:1px solid #724020;background:#251810;color:#ffa15f;font-weight:900!important;letter-spacing:.03em;font-size:10px!important;text-align:left}.hb-settings-toggle span{font-size:19px}
.hb-cockpit-editor{padding:14px 12px;margin:10px 0;border-radius:13px;background:#191c1f;border:1px solid #44484e;color:#eceff2}.hb-cockpit-editor label{font-size:11px;font-weight:800;display:block;color:#e4e6e9;margin-bottom:6px}.hb-cockpit-editor label small{display:block;color:#969da5;font-size:9px;font-weight:500;margin:4px 0 7px}.hb-cockpit-editor input{width:100%;min-width:0;height:40px;padding:9px;border:1px solid #555960;border-radius:9px;background:#0c0e10;color:#fff;color-scheme:dark;font-size:14px}
.hb-cockpit-editor p,.hb-cockpit-editor>small{font-size:10px;color:#a6abb4;line-height:1.4;margin:3px 0 12px}
.hb-input-row{display:flex;gap:8px}.hb-input-row>button,.hb-form-actions button:last-child{flex-shrink:0;border:1px solid #ff8a3c;background:#ff761c;color:#111;border-radius:9px;padding:0 13px;font-size:11px;font-weight:900}
.hb-input-row+small{display:block;margin-top:8px}
.hb-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hb-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.hb-form-actions button{min-height:39px;padding:0 12px;border-radius:9px;background:#22272b;color:#dde2e9;border:1px solid #50565c;font-size:11px;font-weight:900}
.hb-history-title{margin-top:23px}.hb-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:12px;overflow:hidden;border:1px solid #31353a;background:#31353a}.hb-stats>div{min-width:0;padding:13px 6px;background:#15171a;display:flex;flex-direction:column;gap:7px;text-align:center}.hb-stats b{font-size:13px;color:#fff;overflow-wrap:anywhere;line-height:1.3}.hb-stats small{font-size:8px;color:#999ea6;font-weight:800;letter-spacing:.025em}
.hb-history-open{display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:15px 12px;margin-top:10px;border:1px solid #80502d;border-radius:12px;background:linear-gradient(125deg,#2c190d,#13171a);color:#fff}.hb-history-open>span:first-child{color:#ff9a4f;font-size:25px}.hb-history-open>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.hb-history-open strong{font-size:11px}.hb-history-open small{font-size:9px;color:#adb1b6}.hb-history-open>b{font-size:22px;color:#ff8a34}
.hb-local-note{font-size:10px;color:#949ba4;line-height:1.5;margin:18px 3px 4px}
.garage-cockpit-cta{width:100%;display:flex;align-items:center;gap:10px;padding:12px 13px;background:linear-gradient(110deg,#221309,#151719);border:1px solid #a85124;color:#fff;border-radius:13px;text-align:left;cursor:pointer}.garage-cockpit-cta .hb-cta-icon{font-size:26px}.garage-cockpit-cta>span:nth-child(2){display:grid;gap:3px;flex:1}.garage-cockpit-cta b{font-size:12px;letter-spacing:.07em}.garage-cockpit-cta small{font-size:10px;color:#ffb184}.garage-cockpit-cta>strong{font-size:24px;color:#ff842f}
@media(max-width:600px){.modal-card:has(> .hb-cockpit){max-height:94dvh!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important}.hb-cockpit{padding:12px 12px calc(18px + env(safe-area-inset-bottom))}.hb-check{min-height:128px}.hb-arc-wrapper{margin-bottom:-58px}}
@media(max-width:360px){.hb-check-grid{gap:7px}.hb-check{padding:9px}.hb-settings-grid{grid-template-columns:1fr}.hb-instrument-bottom{font-size:8px}.hb-odometer>strong{font-size:38px}}

/* Isolated no-motorcycle Garage preview. */
.garage-demo-help{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.hb-preview-banner{background:linear-gradient(90deg,#723012,#351911);color:#ffd5b2;border:1px solid #985328;border-radius:9px;margin:0 0 12px;padding:8px 10px;font-size:9px;font-weight:900;letter-spacing:.09em;text-align:center}
.hb-demo-history h3{font-size:19px;margin:15px 3px 4px;color:#f7f7f7}
.hb-demo-history>p:not(.hb-local-note){font-size:11px;line-height:1.5;color:#a4adb6;margin:0 3px 14px}
.hb-demo-history-list{display:grid;gap:9px}
.hb-demo-entry{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:12px;border:1px solid #393d43;background:#171a1d;padding:13px 11px}
.hb-demo-entry>div{display:grid;gap:6px;min-width:0}.hb-demo-entry small{font-size:10px;color:#aaa}.hb-demo-entry strong{font-size:12px;color:#f3f3f3;line-height:1.35}.hb-demo-entry>b{color:#ffa363;font-size:12px;white-space:nowrap}
.hb-demo-back{display:block;width:100%;padding:13px 12px;margin-top:14px;border-radius:10px;background:#352016;border:1px solid #995124;color:#ffc499;font-size:11px;font-weight:900}