:root{--bg-deep:#1a1a19;--bg:#222221;--surface-1:#2a2a28;--surface-2:#323230;--surface-3:#3d3d3a;--surface-inset:#181817;--border:#484846;--border-strong:#545452;--bevel-light:#ffffff12;--bevel-dark:#0000008c;--text:#c5c5c0;--text-dim:#888884;--text-strong:#eeeee8;--accent:#ff7a1a;--accent-bright:#ff912f;--accent-dim:#b8540f;--accent-glow:#ff7a1a33;--accent-wash:#ff7a1a1f;--status-overdue:#ff4d4d;--status-overdue-wash:#ff4d4d24;--status-due-soon:#f5a623;--status-due-soon-wash:#f5a62324;--status-ok:#4fd197;--status-ok-wash:#4fd1971f;--status-none:#767672;--status-none-wash:#76767224;--elev-1:0 1px 3px #00000061, 0 1px 0 #ffffff09;--elev-2:0 4px 12px #0000006b, 0 1px 4px #00000052, 0 1px 0 #ffffff0a;--elev-3:0 10px 24px #0000007a, 0 3px 8px #00000061, 0 1px 0 #ffffff0b;--bevel:inset 0 1px 0 var(--bevel-light), inset 0 -2px 0 var(--bevel-dark);--inset-deep:inset 0 2px 5px #00000080, inset 0 1px 0 #ffffff06;--radius-sm:0;--radius:0;--radius-lg:2px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--font-mono:"Cascadia Code", "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--rail-w:232px;--rail-w-collapsed:52px;--titlebar-h:48px}*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--text);background-color:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-image:radial-gradient(1100px 700px at 80% -5%,#ff7a1a0d,#0000 55%),radial-gradient(800px 600px at 0 100%,#7878730d,#0000 50%),repeating-linear-gradient(45deg,#ffffff03 0 1px,#0000 1px 3px),repeating-linear-gradient(-45deg,#0000000a 0 1px,#0000 1px 3px),linear-gradient(#252524 0%,#1a1a19 100%);background-attachment:fixed;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4{color:var(--text-strong);font-weight:600;line-height:1.2}.label-mono{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:10.5px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row{align-items:center;gap:var(--sp-3);display:flex}.row-wrap{flex-wrap:wrap}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.stack-sm{gap:var(--sp-2);flex-direction:column;display:flex}.grow{flex:1;min-width:0}.spread{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.muted{color:var(--text-dim)}.right{margin-left:auto}.nowrap{white-space:nowrap}.mono{font-family:var(--font-mono)}.app-shell{grid-template-columns:var(--rail-w) 1fr;height:100vh;transition:grid-template-columns .2s;display:grid;overflow:hidden}.app-shell.is-rail-collapsed{grid-template-columns:var(--rail-w-collapsed) 1fr}.app-rail{background:linear-gradient(180deg, var(--surface-2), var(--surface-1));border-right:1px solid var(--border-strong);box-shadow:4px 0 16px #0006, inset -1px 0 0 var(--bevel-light);z-index:2;flex-direction:column;transition:width .2s;display:flex;overflow:hidden}.app-main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.app-content{padding:var(--sp-5);flex:1;overflow-y:auto}.rail-brand{align-items:center;gap:var(--sp-3);height:var(--titlebar-h);padding:0 var(--sp-4);border-bottom:1px solid var(--border);box-shadow:var(--bevel);flex-shrink:0;display:flex}.app-shell.is-rail-collapsed .rail-brand{justify-content:center;gap:0;padding:0}.rail-brand__mark{background:linear-gradient(160deg, var(--accent-bright), var(--accent-dim));width:26px;height:26px;box-shadow:0 0 12px var(--accent-glow), var(--elev-1), var(--bevel);font-family:var(--font-mono);color:#1a1208;border-radius:0;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.rail-brand__name{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-strong);white-space:nowrap;font-size:15px;font-weight:700;transition:opacity .15s,width .2s;overflow:hidden}.app-shell.is-rail-collapsed .rail-brand__name{display:none}.rail-brand__name span{color:var(--accent)}.rail-nav{padding:var(--sp-4) var(--sp-3);gap:var(--sp-1);flex-direction:column;display:flex}.app-shell.is-rail-collapsed .rail-nav{padding:var(--sp-2) 0;align-items:stretch}.rail-section{padding:var(--sp-3) var(--sp-2) var(--sp-2);white-space:nowrap;transition:opacity .15s,height .2s;overflow:hidden}.app-shell.is-rail-collapsed .rail-section{display:none}.rail-link{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);color:var(--text-dim);cursor:pointer;border:1px solid #0000;border-radius:0;font-size:13px;transition:background .12s,color .12s,border-color .12s,box-shadow .12s;display:flex}.app-shell.is-rail-collapsed .rail-link{justify-content:center;align-items:center;gap:0;min-height:38px;padding:10px 0;position:relative}.rail-link:hover{background:var(--surface-3);color:var(--text);box-shadow:var(--elev-1)}.rail-link.is-active{background:var(--accent-wash);color:var(--accent-bright);box-shadow:inset 0 0 14px #ff7a1a1a, var(--elev-1);border-color:#ff7a1a73}.rail-link__label{white-space:nowrap;transition:opacity .15s,width .2s;overflow:hidden}.app-shell.is-rail-collapsed .rail-link__label{display:none}.rail-link__icon{text-align:center;flex-shrink:0;width:16px;font-size:14px}.rail-link__badge{background:var(--status-overdue);color:#fff;min-width:18px;height:18px;box-shadow:var(--elev-1);border-radius:0;place-items:center;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:grid}.app-shell.is-rail-collapsed .rail-link__badge{min-width:14px;height:14px;margin:0;padding:0 3px;font-size:9px;position:absolute;top:4px;right:4px}.rail-footer{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);align-items:center;gap:var(--sp-3);flex-shrink:0;margin-top:auto;display:flex}.app-shell.is-rail-collapsed .rail-footer{padding:var(--sp-3) 0;justify-content:center;gap:0}.rail-footer__avatar{background:linear-gradient(160deg, var(--surface-3), var(--surface-1));border:1px solid var(--border-strong);width:30px;height:30px;box-shadow:var(--elev-1), var(--bevel);font-family:var(--font-mono);color:var(--accent);border-radius:0;flex-shrink:0;place-items:center;font-weight:700;display:grid}.rail-footer__meta{min-width:0;transition:opacity .15s,width .2s;overflow:hidden}.app-shell.is-rail-collapsed .rail-footer__meta{display:none}.rail-footer__email{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.rail-footer__logout{flex-shrink:0}.titlebar{height:var(--titlebar-h);align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);background:linear-gradient(180deg, var(--surface-2), var(--surface-1));border-bottom:1px solid var(--border-strong);box-shadow:var(--elev-2), var(--bevel);display:flex}.titlebar__toggle{flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;line-height:0;display:inline-flex;padding:0!important}.titlebar__toggle-icon{width:14px;height:14px;color:var(--text-dim);display:block}.titlebar__toggle:hover .titlebar__toggle-icon{color:var(--text)}.titlebar__title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-strong);font-size:13px}.titlebar__mock{font-family:var(--font-mono);letter-spacing:.12em;color:var(--status-due-soon);background:var(--status-due-soon-wash);box-shadow:var(--elev-1);border:1px solid #f5a62366;border-radius:0;padding:2px 8px;font-size:10px}.panel{background:linear-gradient(180deg, var(--surface-2), var(--surface-1));border:1px solid var(--border-strong);box-shadow:var(--elev-2), var(--bevel);border-radius:0;flex-direction:column;min-width:0;display:flex}.panel--accent{box-shadow:var(--elev-2), 0 0 0 1px #ff7a1a14, var(--bevel);border-color:#ff7a1a66}.panel__titlebar{height:34px;padding:0 var(--sp-3) 0 0;background:linear-gradient(180deg, var(--surface-3), var(--surface-2));border-bottom:1px solid var(--border);box-shadow:inset 0 1px 0 var(--bevel-light);align-items:center;gap:0;display:flex}.panel__titlebar:before{content:"";background:linear-gradient(180deg, var(--accent-bright), var(--accent-dim));width:4px;box-shadow:0 0 8px var(--accent-glow);flex-shrink:0;align-self:stretch}.panel__title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text);padding-left:var(--sp-3);font-size:11px}.panel__titlebar .right{gap:var(--sp-2);padding-left:var(--sp-3);margin-left:auto;display:flex}.panel__body{padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.panel__body--flush{padding:0}.btn{justify-content:center;align-items:center;gap:var(--sp-2);letter-spacing:.02em;border:1px solid var(--border-strong);background:linear-gradient(180deg, var(--surface-3), var(--surface-2));color:var(--text);cursor:pointer;box-shadow:var(--elev-2), var(--bevel);white-space:nowrap;border-radius:0;padding:8px 14px;font-size:12.5px;font-weight:600;transition:transform 50ms,background .12s,border-color .12s,box-shadow .12s;display:inline-flex}.btn:hover{background:linear-gradient(180deg, var(--surface-3), var(--surface-3));border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn__icon{font-size:13px}.btn--primary{background:linear-gradient(180deg, var(--accent-bright), var(--accent-dim));border-color:var(--accent-dim);color:#1a1208;text-shadow:0 1px #ffffff2e;box-shadow:var(--elev-1), var(--bevel)}.btn--primary:hover{box-shadow:0 0 6px var(--accent-glow), var(--elev-1), var(--bevel);background:linear-gradient(180deg, #ff9d44, var(--accent))}.btn--danger{color:#ffd2d2;background:linear-gradient(#ff4d4d38,#ff4d4d1a);border-color:#ff4d4d80}.btn--danger:hover{box-shadow:0 0 12px #ff4d4d4d, var(--elev-1)}.btn--ghost{border-color:var(--border);box-shadow:none;color:var(--text-dim);background:0 0}.btn--ghost:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.btn--sm{padding:5px 9px;font-size:11px}.btn--block{width:100%}.btn--icon{padding:6px 8px}.field{flex-direction:column;gap:5px;display:flex}.field__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:10.5px}.field__label .req{color:var(--accent);margin-left:3px}.input,.select,.textarea{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-strong);box-shadow:var(--inset-deep);padding:9px 11px;transition:border-color .12s,box-shadow .12s}.input::placeholder,.textarea::placeholder{color:#5d6776}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:inset 0 1px 3px #0006, 0 0 0 3px var(--accent-wash);outline:none}.input.has-error,.select.has-error{border-color:var(--status-overdue)}.textarea{resize:vertical;min-height:70px;font-family:var(--font-sans)}.select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:right 14px center,right 9px center;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:30px}.field__error{color:var(--status-overdue);align-items:center;gap:5px;font-size:11px;display:flex}.field__hint{color:var(--text-dim);font-size:11px}.input-suffix{position:relative}.input-suffix__addon{align-items:center;gap:6px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.form-grid{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.form-grid .span-2{grid-column:1/-1}.checkbox{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox__input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.checkbox__label{color:var(--text-strong);font-size:13px}.status{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid #0000;border-radius:3px;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.status-icon{flex-shrink:0;width:11px;height:11px;display:block}.status-icon--md{width:30px;height:30px}.status--overdue{color:var(--status-overdue);background:var(--status-overdue-wash);border-color:#ff4d4d59}.status--due-soon{color:var(--status-due-soon);background:var(--status-due-soon-wash);border-color:#f5a62359}.status--ok{color:var(--status-ok);background:var(--status-ok-wash);border-color:#4fd1974d}.status--no-history{color:var(--status-none);background:var(--status-none-wash);border-color:#6b76864d}.readout{background:var(--surface-inset);border:1px solid var(--border-strong);padding:var(--sp-3) var(--sp-4);box-shadow:var(--inset-deep);border-radius:0;min-width:0}.readout__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.readout__value{font-family:var(--font-mono);color:var(--text-strong);margin-top:4px;font-size:22px;font-weight:700}.readout__value--accent{color:var(--accent-bright);text-shadow:0 0 14px var(--accent-glow)}.readout__sub{color:var(--text-dim);margin-top:2px;font-size:11px}.readout-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.svc-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);display:flex}.svc-row:last-child{border-bottom:none}.svc-row__main{flex:1;min-width:0}.svc-row__name{color:var(--text-strong);align-items:center;gap:var(--sp-2);font-weight:600;display:flex}.svc-row__meta{color:var(--text-dim);margin-top:2px;font-size:11.5px}.svc-row__due{text-align:right;color:var(--text-dim);min-width:130px;font-size:11.5px}.svc-row__due strong{color:var(--text);font-family:var(--font-mono)}.svc-row__actions{gap:var(--sp-2);display:flex}.svc-row.is-overdue{box-shadow:inset 3px 0 0 var(--status-overdue)}.svc-row.is-due-soon{box-shadow:inset 3px 0 0 var(--status-due-soon)}.tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border-strong);color:var(--text-dim);border-radius:3px;padding:2px 6px;font-size:9.5px}.tag--global{color:var(--text-dim)}.tag--custom{color:var(--accent);background:var(--accent-wash);border-color:#ff7a1a66}.vehicle-card-link{color:inherit;text-decoration:none;display:block}.vehicle-card-link:hover .vehicle-card{box-shadow:var(--elev-3), var(--bevel);border-color:var(--border-strong);transform:translateY(-2px)}.vehicle-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.vehicle-card{cursor:pointer;transition:transform 80ms,box-shadow .12s,border-color .12s}.vehicle-card:hover{box-shadow:var(--elev-3), var(--bevel);border-color:var(--border-strong);transform:translateY(-2px)}.vehicle-card.is-selected{border-color:var(--accent);box-shadow:var(--elev-2), 0 0 0 1px var(--accent-glow), var(--bevel)}.vehicle-card__screen{border-bottom:1px solid var(--border);height:96px;padding:var(--sp-3);background:radial-gradient(120% 120% at 30% 0,#ff7a1a24,#0000 55%),linear-gradient(#353533,#222221);border-radius:0;justify-content:space-between;align-items:flex-end;margin:-1px -1px 0;display:flex;position:relative;overflow:hidden}.vehicle-card__screen:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.vehicle-card__nick{font-family:var(--font-mono);color:var(--text-strong);font-size:16px;font-weight:700}.vehicle-card__body{padding:var(--sp-3) var(--sp-4) var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.vehicle-card__sub{color:var(--text-dim);font-size:12px}.vehicle-card__stats{justify-content:space-between;gap:var(--sp-2);border-top:1px solid var(--border);padding-top:var(--sp-3);display:flex}.vehicle-card__stat-l{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:9.5px}.vehicle-card__stat-v{font-family:var(--font-mono);color:var(--text);font-weight:700}.log-entry{border-bottom:1px solid var(--border);padding:var(--sp-3) var(--sp-4)}.log-entry:last-child{border-bottom:none}.log-entry__head{align-items:center;gap:var(--sp-3);display:flex}.log-entry__name{color:var(--text-strong);font-weight:600}.log-entry__date{font-family:var(--font-mono);color:var(--text);font-size:12px}.log-entry__meta{color:var(--text-dim);gap:var(--sp-3);flex-wrap:wrap;margin-top:3px;font-size:11.5px;display:flex}.log-entry__notes{color:var(--text);margin-top:var(--sp-2);font-size:12.5px;font-style:italic}.kv-list{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.kv{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;display:inline-flex}.kv__k{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.kv__v{color:var(--text-strong)}.kv__del{cursor:pointer;color:var(--text-dim);background:0 0;border:none;padding:0 2px}.kv__del:hover{color:var(--status-overdue)}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--sp-4);z-index:50;background:#14120fb8;place-items:center;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(180deg, var(--surface-2), var(--surface-1));border:1px solid var(--border-strong);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--elev-3), var(--bevel);border-radius:0;flex-direction:column;display:flex;overflow:hidden}.modal--wide{max-width:720px}.modal__titlebar{height:40px;padding:0 var(--sp-4) 0 0;background:linear-gradient(180deg, var(--surface-3), var(--surface-2));border-bottom:1px solid var(--border);box-shadow:inset 0 1px 0 var(--bevel-light);align-items:center;gap:0;display:flex}.modal__titlebar:before{content:"";background:linear-gradient(180deg, var(--accent-bright), var(--accent-dim));width:4px;box-shadow:0 0 8px var(--accent-glow);flex-shrink:0;align-self:stretch}.modal__title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-strong);padding-left:var(--sp-3);font-size:12px}.modal__close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;font-size:18px;line-height:1}.modal__close:hover{color:var(--status-overdue)}.modal__body{padding:var(--sp-5);gap:var(--sp-4);flex-direction:column;display:flex;overflow-y:auto}.modal__actions{justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);background:var(--surface-1);display:flex}.banner{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);border:1px solid;font-size:12.5px;display:flex}.banner--error{color:#ffd2d2;background:var(--status-overdue-wash);border-color:#ff4d4d66}.banner--warn{color:#ffe2b0;background:var(--status-due-soon-wash);border-color:#f5a62366}.banner__icon{font-size:15px}.empty{text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--text-dim);align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.empty__icon{opacity:.5;font-size:30px}.empty__title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);font-size:13px}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-bar{background:var(--surface-inset);border-radius:2px;height:3px;position:relative;overflow:hidden}.loading-bar:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:40%;animation:1.1s ease-in-out infinite slide;position:absolute;inset:0}@keyframes slide{0%{left:-40%}to{left:100%}}.loading-block{align-items:center;gap:var(--sp-3);padding:var(--sp-6);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.1em;justify-content:center;font-size:12px;display:flex}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.page-head__title{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-strong);font-size:22px}.page-head__sub{color:var(--text-dim);margin-top:4px;font-size:13px}.page-grid{gap:var(--sp-4);display:grid}.page-grid--vehicle-detail{grid-template-rows:auto auto auto;grid-template-columns:1.4fr 1fr;align-items:start}.vehicle-detail__status{grid-area:1/1}.vehicle-detail__services{grid-area:2/1}.vehicle-detail__find-parts{grid-area:3/1}.vehicle-detail__history{flex-direction:column;grid-area:1/2/-1;align-self:stretch;min-height:0;display:flex}.vehicle-detail__history.panel{height:100%}.vehicle-detail__history .panel__body--flush{flex:1;max-height:720px;overflow-y:auto}@media (width<=1000px){.page-grid--vehicle-detail{grid-template-rows:auto;grid-template-columns:1fr}.vehicle-detail__status,.vehicle-detail__services,.vehicle-detail__find-parts,.vehicle-detail__history{grid-area:auto/1}.vehicle-detail__history .panel__body--flush{max-height:none}}.vsel{background:var(--surface-inset);border:1px solid var(--border-strong);box-shadow:var(--inset-deep);border-radius:0;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.vsel__btn{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:0;padding:6px 12px;font-size:12px;font-weight:600}.vsel__btn:hover{color:var(--text)}.vsel__btn.is-active{background:linear-gradient(180deg, var(--surface-3), var(--surface-2));color:var(--accent-bright);border-color:var(--border-strong);box-shadow:var(--bevel)}.vehicle-detail__status-panel{padding:var(--sp-4)}.gauge__row{align-items:stretch;gap:var(--sp-4);display:flex}.gauge__status{justify-content:center;gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.gauge{align-items:center;gap:var(--sp-4);display:flex}.gauge__ring{background:radial-gradient(circle at 50% 40%, var(--surface-3), var(--surface-inset));width:84px;height:84px;box-shadow:inset 0 0 0 6px var(--surface-1), inset 0 2px 8px #0009, var(--elev-1);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.gauge--overdue .gauge__ring{color:var(--status-overdue);box-shadow:inset 0 0 0 6px var(--surface-1), 0 0 20px var(--status-overdue-wash), inset 0 2px 8px #0009;border-color:#ff4d4d80}.gauge--due-soon .gauge__ring{color:var(--status-due-soon);box-shadow:inset 0 0 0 6px var(--surface-1), 0 0 16px var(--status-due-soon-wash), inset 0 2px 8px #0009;border-color:#f5a62373}.gauge--ok .gauge__ring{color:var(--status-ok);border-color:#4fd19766}.gauge--none .gauge__ring{color:var(--status-none)}.gauge__headline{font-family:var(--font-mono);color:var(--text-strong);font-size:16px}.gauge__detail{color:var(--text-dim);margin-top:3px;font-size:12.5px}.odometer{justify-content:center;gap:var(--sp-2);width:168px;padding-left:var(--sp-4);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex}.odometer__display,.odometer__form{gap:var(--sp-2);flex-direction:column;display:flex}.odometer__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.odometer__current{font-family:var(--font-mono);color:var(--text-strong);font-size:20px;font-weight:700;line-height:1.2}.odometer__edit-row{align-items:stretch;gap:var(--sp-2);display:flex}.odometer__input{flex:1;min-width:0;padding:7px 9px}@media (width<=1000px){.gauge__row{flex-wrap:wrap}.odometer{width:100%;padding-left:0;padding-top:var(--sp-3);border-left:none;border-top:1px solid var(--border)}}.divider{background:var(--border);border:none;height:1px;margin:0}.detail-adder{gap:var(--sp-2);grid-template-columns:1fr 1fr auto;align-items:end;display:grid}.ai-find-form{gap:var(--sp-3);flex-direction:column;display:flex}.ai-find-form__actions{justify-content:flex-end;display:flex}.ai-find-form__disclaimer{color:var(--text-dim);margin:calc(var(--sp-3) * -1) 0 0;font-size:11px;line-height:1.4}.parts-list{margin:0;padding:0;list-style:none}.parts-list__item{border-bottom:1px solid var(--border);padding:var(--sp-3) var(--sp-4)}.parts-list__item:last-child{border-bottom:none}.parts-list__title{color:var(--accent-bright);font-weight:600;text-decoration:none;display:block}.parts-list__title:hover{text-decoration:underline}.parts-list__desc{color:var(--text);margin:var(--sp-2) 0 0;font-size:12.5px;line-height:1.45}.parts-list__url{margin-top:var(--sp-2);font-family:var(--font-mono);color:var(--text-dim);word-break:break-all;font-size:11px;text-decoration:none;display:block}.parts-list__url:hover{color:var(--accent-bright)}.parts-list__state{padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.parts-list__hint{color:var(--text-dim);margin:0;font-size:12.5px}