@layer legacy{.customer-report.brochure-report{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#1a1a1a;--muted:#6b7280;--accent:#0653b6;--line:#e5e7eb;--border:#e5e7eb;color:#1a1a1a;background:#fff;border:0;border-radius:0;max-width:794px;margin:24px auto;padding:0;font-family:BMWTypeNext,Peyda,Tahoma,sans-serif;font-size:14px;line-height:1.8;box-shadow:0 10px 50px #0002}.brochure-report p{color:#1a1a1a}.brochure-report .brochure-page{border-bottom:1px solid #e5e7eb;min-width:0;padding:45px;position:relative}.brochure-report .brochure-cover{min-height:1030px}.brochure-cover-header{direction:ltr;align-items:center;gap:28px;padding:16px 0 0;display:flex}.brochure-logo{object-fit:contain;flex:none;width:93px;height:93px}.brochure-cover-header h2{overflow-wrap:anywhere;margin:0;font-size:clamp(32px,5vw,66.67px);font-weight:400;line-height:1.15}.brochure-report .brochure-exterior{justify-content:flex-end;align-items:center;height:400px;margin:73px 0 0;display:flex;overflow:hidden}.brochure-exterior img{object-fit:contain;object-position:center;width:100%;height:100%;transform:translate(3%)}.brochure-report .no-image{color:#6b7280;text-align:center;background:#f9fafb;border:0;border-radius:0;justify-content:center;align-items:center;min-height:90px;padding:10px;line-height:1.8;display:flex}.brochure-exterior .no-image{width:100%;height:100%}.brochure-cover-caption{text-align:left;direction:rtl;padding-top:102px}.brochure-cover-caption .brochure-english{margin:0;font-size:24px;font-weight:700}.brochure-report .brochure-cover-caption h1{letter-spacing:0;margin:6px 0;font-size:16px;font-weight:500}.brochure-cover-caption p{margin:4px 0;font-size:14px}.brochure-report .brochure-vin-label{color:#6b7280;margin-top:25px;font-size:11px}.brochure-report .vin-code{color:#1a1a1a;letter-spacing:1px;overflow-wrap:anywhere;font:16px/1.8 BMWTypeNext,Arial,sans-serif;display:block}.brochure-report .brochure-section-title{letter-spacing:0;text-align:left;border-bottom:1px solid #e5e7eb;margin:0 0 26px;padding:0 0 15px;font-size:24px;font-weight:400;line-height:1.4}.brochure-report .brochure-interior figure{justify-content:center;align-items:center;height:690px;margin:40px 0;display:flex}.brochure-interior img{object-fit:contain;width:100%;height:100%}.brochure-report .brochure-model{text-align:left;border-bottom:1px solid #1a1a1a;margin:0 0 30px;padding-bottom:15px;font-size:24px;font-weight:700}.brochure-overview-grid{grid-template-columns:1fr 1fr;gap:32px 16px;display:grid}.brochure-asset{text-align:center;min-width:0;padding:10px}.brochure-asset h3{color:#0653b6;margin:0 0 8px;font-size:12px;font-weight:700}.brochure-asset-placeholder{color:#6b7280;background:#f9fafb;justify-content:center;align-items:center;height:210px;font-size:12px;display:flex}.brochure-asset p{overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;font-weight:700}.brochure-asset small{color:#6b7280;font-size:10px}.brochure-report .report-option{color:#1a1a1a;break-inside:avoid;direction:rtl;background:#fff;border:0;border-radius:0;grid-template-columns:120px minmax(0,1fr);gap:20px;margin:0 0 13px;padding:13px 0;display:grid}.brochure-report .report-option.filtered-out{display:none}.brochure-report .report-option-images{flex-direction:column;align-self:start;gap:8px;min-width:0;padding-top:8px;display:flex}.brochure-report .report-option-images img{object-fit:contain;object-position:center top;background:#fff;border:0;border-radius:0;width:120px;height:120px;max-height:none}.brochure-report .report-option-images .no-image{flex-direction:column;height:120px;font-size:12px}.brochure-report .report-option-images .no-image span{font-size:10px}.brochure-report .report-option h3{margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.8}.brochure-report .report-option p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0;font-size:13px;line-height:1.9}.brochure-report .report-option .brochure-option-source{color:#6b7280;overflow-wrap:anywhere;min-width:0;font-size:11px}.brochure-option-copy{min-width:0}.brochure-option-meta{text-align:left;color:#6b7280;direction:ltr;flex-wrap:nowrap;justify-content:flex-start;align-items:baseline;gap:8px;margin-top:8px;display:flex}.brochure-option-meta .option-code{flex-shrink:0}.brochure-report .option-code{color:#6b7280;background:0 0;border:0;padding:0;font-family:BMWTypeNext,Arial,sans-serif;font-size:12px}.brochure-option-meta small{font-size:10px}.brochure-report .report-facts{margin-top:16px;display:block}.brochure-report .report-facts>div{break-inside:avoid;background:0 0;border:0;grid-template-columns:160px minmax(0,1fr);gap:16px;padding:8px 0;display:grid}.brochure-report .report-facts dt{color:#0653b6;font-size:13px}.brochure-report .report-facts dd{color:#1a1a1a;text-align:start;direction:inherit;overflow-wrap:anywhere;margin:0;font-size:13px}.brochure-report .report-facts dd[dir=ltr]{text-align:left;direction:ltr}.brochure-report .report-facts small{color:#6b7280;font-size:10px;display:block}.brochure-report .entry-footnote{color:#6b7280;font-size:11px}.brochure-screen-footer{color:#6b7280;text-align:left;padding:12px 45px;font-size:11px}.brochure-report .report-search{border-bottom:1px solid #e5e7eb;padding-bottom:20px}.brochure-report .report-search input{color:#1a1a1a;background:#f9fafb;font-family:Peyda,sans-serif}@media (max-width:600px){.brochure-report .brochure-page{padding:24px 18px}.brochure-report .brochure-cover{min-height:700px}.brochure-logo{width:60px;height:60px}.brochure-cover-header{gap:18px}.brochure-report .brochure-exterior{height:250px;margin-top:40px}.brochure-cover-caption{padding-top:61px}.brochure-cover-caption .brochure-english{font-size:20px}.brochure-report .brochure-interior figure{height:400px;margin:20px 0}.brochure-overview-grid{gap:20px 8px}.brochure-asset{padding:0}.brochure-asset-placeholder{height:140px}.brochure-report .report-option{grid-template-columns:80px minmax(0,1fr);gap:12px}.brochure-report .report-option-images img{width:80px;height:80px}.brochure-report .report-option-images .no-image{height:80px;min-height:80px}.brochure-report .report-facts>div{grid-template-columns:1fr;gap:4px}.brochure-screen-footer{padding-inline:18px}}@page brochure{size:A4;margin:12mm;background:#fff;@bottom-left{content:"BMW Digital Brochure";direction:ltr;font-family:BMWTypeNext,Arial,sans-serif;font-size:8pt;color:#6b7280;border-top:.3pt solid #e5e7eb;padding-top:3mm}@bottom-right{content:counter(page) " / " counter(pages);direction:ltr;font-family:BMWTypeNext,Arial,sans-serif;font-size:8pt;color:#6b7280;border-top:.3pt solid #e5e7eb;padding-top:3mm}}@media print{:is(html:has(.brochure-report),body:has(.brochure-report)){--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;color:#1a1a1a!important;background:#fff!important}body:has(.brochure-report)>main{max-width:none!important;margin:0!important;padding:0!important}.brochure-report.customer-report{page:brochure;max-width:none;font-size:11pt;box-shadow:none!important;border:0!important;margin:0!important;padding:0!important}.brochure-report .brochure-page{break-after:page;border:0;padding:0}.brochure-report .brochure-page:last-of-type{break-after:auto}.brochure-report .brochure-cover{height:260mm;min-height:0}.brochure-cover-header h2{font-size:50pt}.brochure-logo{width:70pt;height:70pt}.brochure-report .brochure-exterior{height:300pt;margin-top:55pt}.brochure-cover-caption{padding-top:94pt}.brochure-cover-caption .brochure-english{font-size:18pt}.brochure-report .brochure-cover-caption h1{font-size:11pt}.brochure-report .brochure-section-title{break-after:avoid;padding-top:20pt;font-size:18pt}.brochure-report .brochure-interior figure{height:520pt;margin-top:30pt}.brochure-asset-placeholder{height:180pt}.brochure-asset p{font-size:8pt}.brochure-report .report-option,.brochure-report .report-option.filtered-out{break-inside:avoid;grid-template-columns:90pt minmax(0,1fr);gap:15pt;margin-bottom:10pt;padding:10pt;display:grid!important}.brochure-report .report-option-images img,.brochure-report .report-option-images .no-image{width:90pt;height:90pt;min-height:90pt;max-height:none}.brochure-report .report-option h3{font-size:11pt}.brochure-report .report-option p{font-size:9pt}.brochure-report .report-facts>div{grid-template-columns:120pt minmax(0,1fr);padding-block:4pt}.brochure-report .report-search,.brochure-report .report-no-results,.brochure-screen-footer{display:none!important}.brochure-report .no-image{background:#f9fafb!important}.brochure-report .option-code{background:0 0!important}.brochure-report .report-missing::details-content{content-visibility:visible}.brochure-report *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.brochure-qr{object-fit:contain;background:#fff;width:27mm;height:27mm;margin:3mm auto 0;padding:1mm}.brochure-qr[hidden]{display:none}.vehicle-qr-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-block:1rem;display:flex}.vehicle-qr-controls img{background:#fff;border-radius:8px}.brochure-asset-placeholder img{object-fit:contain;width:100%;height:100%}.brochure-overview-option{display:block}}@layer system,components;
@layer legacy{.maintenance-results{min-width:0;display:block}.maintenance-result-heading{margin-bottom:12px}.maintenance-service-rail{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;flex-wrap:nowrap;gap:10px;min-width:0;max-width:100%;padding-bottom:8px;display:flex;overflow-x:auto}.maintenance-service-rail:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.maintenance-results .maintenance-preview{aspect-ratio:1;scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--radius-surface);background:linear-gradient(145deg,var(--lightningcss-light,#ffffffb8)var(--lightningcss-dark,#ffffff08),var(--lightningcss-light,#f0f4f880)var(--lightningcss-dark,#ffffff02));flex-direction:column;flex:0 0 160px;gap:4px;width:160px;min-width:0;margin:0;padding:10px;display:flex;overflow:hidden;box-shadow:inset 0 1px var(--lightningcss-light,#fff)var(--lightningcss-dark,#ffffff06)}.maintenance-results .maintenance-preview>div{flex-shrink:0;align-items:start;gap:5px;min-width:0;display:flex}.maintenance-preview>div b{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.maintenance-results .maintenance-preview>div small{white-space:nowrap;flex:none;font-size:9px;line-height:1.5}.maintenance-results .maintenance-preview p{-webkit-line-clamp:1;-webkit-box-orient:vertical;flex-shrink:0;margin:0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.maintenance-results .maintenance-preview>small{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:10px;line-height:1.4;overflow:hidden}.maintenance-results .maintenance-preview button{flex-shrink:0;align-self:start;min-height:24px;margin:auto 0 0;padding:2px 0;font-size:11px;line-height:1.5}.maintenance-preview button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (max-width:420px){.garage-card.owner-confirmed .vehicle-maintenance{padding:14px}.maintenance-service-rail{gap:8px}.maintenance-results .maintenance-preview{gap:3px;padding:7px}.maintenance-preview>div b{font-size:12px}.maintenance-results .maintenance-preview p{font-size:10px}.maintenance-results .maintenance-preview>small{font-size:9px}.maintenance-results .maintenance-preview button{min-height:24px;font-size:10px}}.maintenance-service-rail::-webkit-scrollbar{display:none}.service-carousel{min-width:0;position:relative}.service-carousel-controls{z-index:1;pointer-events:none;position:absolute;inset:0 0 8px}.service-carousel-controls button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--lightningcss-light,#18334d)var(--lightningcss-dark,#fff);cursor:pointer;pointer-events:auto;direction:ltr;background:var(--lightningcss-light,#ffffffc9)var(--lightningcss-dark,#17273fba);border:1px solid var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff26);border-radius:18px;place-items:center;width:34px;height:48px;padding:0;font:28px/1 Arial;transition:background .2s,opacity .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 12px #0002}.service-carousel-controls button:first-child{right:4px}.service-carousel-controls button:last-child{left:4px}.service-carousel-controls button:hover:not(:disabled){background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#294260)}.service-carousel-controls button:disabled{visibility:hidden;pointer-events:none}.service-carousel-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.service-carousel-window{min-width:0}.service-carousel-window[data-left=true]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px);mask-image:linear-gradient(90deg,#0000,#000 24px)}.service-carousel-window[data-right=true]{-webkit-mask-image:linear-gradient(270deg,#0000,#000 24px);mask-image:linear-gradient(270deg,#0000,#000 24px)}.service-carousel-window[data-left=true][data-right=true]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}@media (max-width:767px){.service-carousel-controls{display:none}}.maintenance-results .maintenance-preview{--service-accent:var(--lightningcss-light,#52718e)var(--lightningcss-dark,#9ab6d0);border-color:var(--lightningcss-light,#c9d5e377)var(--lightningcss-dark,#d1e0f01f)}.maintenance-results .maintenance-preview.state-Due,.maintenance-results .maintenance-preview.state-InspectionRequired{--service-accent:var(--lightningcss-light,#97692d)var(--lightningcss-dark,#deb77f)}.maintenance-results .maintenance-preview.state-Reminder{--service-accent:var(--lightningcss-light,#397884)var(--lightningcss-dark,#86bbc5)}.maintenance-results .maintenance-preview>div{justify-content:space-between;align-items:flex-start}.maintenance-results .maintenance-preview>div b{letter-spacing:0;color:var(--text);font-weight:600}.maintenance-results .maintenance-preview>div small{border-radius:var(--radius-surface);color:var(--muted);background:var(--lightningcss-light,#fff6)var(--lightningcss-dark,#ffffff05);border:1px solid var(--lightningcss-light,#70879a26)var(--lightningcss-dark,#abc3dc24);padding:0 3px;font-size:8px}.maintenance-results .maintenance-preview p{color:var(--service-accent);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;display:flex}.maintenance-results .maintenance-preview p:before{content:"";background:var(--service-accent);border-radius:50%;flex:none;width:5px;height:5px}.maintenance-results .maintenance-preview>small{color:var(--muted)}.maintenance-results .maintenance-preview button{text-align:start;color:var(--lightningcss-light,#365e83)var(--lightningcss-dark,#b5cde3);background:0 0;border:0;border-top:1px solid var(--lightningcss-light,#8295aa22)var(--lightningcss-dark,#d1e0f015);border-radius:0;justify-content:space-between;align-self:stretch;align-items:center;gap:4px;width:100%;padding:5px 0 0;font-weight:500;display:flex}.maintenance-results .maintenance-preview button:after{content:"‹" / "";color:var(--muted);direction:ltr;font:18px/1 Arial}.maintenance-results .maintenance-preview button:hover{color:var(--lightningcss-light,#123f68)var(--lightningcss-dark,#fff)}.maintenance-service-rail{padding-top:4px;padding-bottom:12px}.maintenance-results .maintenance-preview{transition:transform .2s,border-color .2s,background-color .2s,box-shadow .2s}@media (hover:hover) and (pointer:fine){.maintenance-results .maintenance-preview:hover{background-color:var(--lightningcss-light,#e6f0f899)var(--lightningcss-dark,#23405b66);border-color:var(--lightningcss-light,#6c9baa99)var(--lightningcss-dark,#8fbedb80);transform:translateY(-3px);box-shadow:0 5px 12px var(--lightningcss-light,#29476b12)var(--lightningcss-dark,#0003)}.maintenance-results .maintenance-preview:hover button{color:var(--lightningcss-light,#155575)var(--lightningcss-dark,#d9edf8)}}.maintenance-results .maintenance-preview:focus-within{background-color:var(--lightningcss-light,#e6f0f899)var(--lightningcss-dark,#23405b66);border-color:var(--lightningcss-light,#6c9baa99)var(--lightningcss-dark,#8fbedb80);transform:translateY(-3px);box-shadow:0 5px 12px var(--lightningcss-light,#29476b12)var(--lightningcss-dark,#0003)}@media (prefers-reduced-motion:reduce){.maintenance-results .maintenance-preview{transition:none}.maintenance-results .maintenance-preview:hover,.maintenance-results .maintenance-preview:focus-within{transform:none}}}@layer system,components;
@layer legacy{.usage-survey{min-width:0;display:block}.usage-survey,.usage-defaults{container-type:inline-size}.usage-survey-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.usage-survey-heading>div{flex:24rem}.usage-survey-heading h2{margin-top:0}.usage-observation{grid-template-columns:1fr 1fr;align-items:end;gap:1rem;margin-block:1rem;display:grid}.usage-question-section{border:1px solid var(--border,#394b63);background:linear-gradient(145deg,var(--surface,#15243a),var(--surface-raised,#101b2b));border-radius:12px;margin-block:1rem;padding:1rem 1.2rem}.usage-question-section h3{margin:0 0 .25rem;font-size:1rem}.usage-question{flex-direction:column;align-items:stretch;gap:.65rem;padding:1.1rem 0;display:flex}.usage-question-section>div+div{border-top:1px solid var(--border,#394b63)}.usage-question-copy strong{font-size:.94rem;font-weight:600}.usage-question-copy p{color:var(--muted,#afc0d5);margin:.25rem 0 0;font-size:.79rem;line-height:1.9}.usage-segments{--selection:#65aaff;--selection-wash:#244e7d;isolation:isolate;background:linear-gradient(#243247,#111b29);border:1px solid #53647b;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));align-self:flex-start;gap:3px;width:min(100%,390px);padding:4px;display:grid;box-shadow:inset 0 2px 2px #fff2,inset 0 -3px 7px #0006}.usage-segments[data-tone=mild]{--selection:#65dfb3;--selection-wash:#174d42}.usage-segments[data-tone=medium]{--selection:#f0c779;--selection-wash:#5a4525}.usage-segments[data-tone=hard]{--selection:#ffa393;--selection-wash:#63352f}.usage-segments>label{cursor:pointer;min-width:0;position:relative;margin:0!important;display:block!important}.usage-segments input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.usage-segments span{color:#c6d2e3;text-align:center;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:.35rem .5rem;font-size:.8rem;font-weight:500;transition:background .18s,box-shadow .18s;display:flex}.usage-segments input:checked+span{color:#fff;border-color:var(--selection);background:linear-gradient(180deg,#ffffff25,var(--selection-wash));box-shadow:inset 0 2px 2px #fff5,0 0 10px color-mix(in srgb,var(--selection) 32%,transparent);font-weight:700}.usage-segments input:focus-visible+span{outline:2px solid var(--selection);outline-offset:3px}.usage-segments input:disabled+span{opacity:.55;cursor:default}.usage-survey-actions{background:var(--surface,#101b2b);z-index:1;border-top:1px solid var(--border,#394b63);padding:.8rem 0;position:sticky;bottom:0}.usage-defaults-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.usage-defaults-toolbar label{min-width:180px}.usage-mode-control{background:linear-gradient(#243247,#111b29);border:1px solid #53647b;border-radius:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3px;margin-block:.7rem;padding:4px;display:grid;box-shadow:inset 0 2px 2px #fff2,inset 0 -3px 7px #0006}.usage-mode-control button.secondary{color:#c6d2e3;min-height:44px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:3px;padding:.4rem .6rem;font-size:.8rem;font-weight:500;transition:background .18s,box-shadow .18s;transform:none}.usage-mode-control button.secondary[aria-pressed=true]{color:#fff;background:linear-gradient(#ffffff25,#244e7d);border-color:#65aaff;font-weight:700;box-shadow:inset 0 2px 2px #fff5,0 0 10px #65aaff52}.usage-mode-control button.secondary:hover:not(:disabled){color:#fff;border-color:#6a91c4}.usage-mode-control button.secondary:focus-visible{outline-offset:3px;outline:2px solid #65aaff}.usage-mode-control button.secondary:disabled{opacity:.55;cursor:default}html[data-theme=light] .usage-mode-control{background:linear-gradient(#edf2f8,#dce5ef);border-color:#aabbd0;box-shadow:inset 0 2px 3px #fff,inset 0 -2px 4px #71849e24,0 1px 2px #23364c0d}html[data-theme=light] .usage-mode-control button.secondary{color:#40536c}html[data-theme=light] .usage-mode-control button.secondary[aria-pressed=true]{color:#194a87;background:linear-gradient(#fff,#e2efff);border-color:#6a91c4;box-shadow:inset 0 2px 2px #fff,0 2px 4px #23364c24,0 0 0 1px #ffffff80}html[data-theme=light] .usage-mode-control button.secondary:hover:not(:disabled){color:#194a87;border-color:#6a91c4}@media (prefers-reduced-motion:reduce){.usage-mode-control button.secondary{transition:none}}html[data-theme=light] .usage-question-section{background:linear-gradient(145deg,#f4f7fb,#e7edf6)}html[data-theme=light] .usage-question-copy p{color:#40536c}html[data-theme=light] .usage-segments{--selection:#6a91c4;--selection-wash:#e2efff;--selection-ink:#194a87;background:linear-gradient(#edf2f8,#dce5ef);border-color:#aabbd0;box-shadow:inset 0 2px 3px #fff,inset 0 -2px 4px #71849e24,0 1px 2px #23364c0d}html[data-theme=light] .usage-segments[data-tone=mild]{--selection:#448775;--selection-wash:#d9f2e9;--selection-ink:#155c49}html[data-theme=light] .usage-segments[data-tone=medium]{--selection:#ac843c;--selection-wash:#fff1cf;--selection-ink:#684817}html[data-theme=light] .usage-segments[data-tone=hard]{--selection:#bd6d62;--selection-wash:#ffe4df;--selection-ink:#852f29}html[data-theme=light] .usage-segments span{color:#40536c}html[data-theme=light] .usage-segments input:checked+span{color:var(--selection-ink);background:linear-gradient(180deg,#fff,var(--selection-wash));box-shadow:inset 0 2px 2px #fff,0 2px 4px #23364c24,0 0 0 1px #ffffff80}@container (min-width:680px){.usage-question-section{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;display:grid}.usage-question-section h3{grid-column:1/-1}.usage-question-section>div{min-width:0}.usage-question-section>div+div{border-top:0}.usage-question-section>div:nth-of-type(n+3){border-top:1px solid var(--border,#394b63)}.usage-question{box-sizing:border-box;height:100%}.usage-segments{margin-top:auto}}@media (max-width:600px){.usage-observation{grid-template-columns:minmax(0,1fr)}.usage-question-section{padding:.8rem}.usage-segments{width:100%}.usage-survey-heading>div{flex-basis:100%}.usage-survey-actions{position:static}.usage-segments span{padding:.35rem .2rem;font-size:.76rem}}@media (prefers-reduced-motion:reduce){.usage-segments span{transition:none}}}@layer system,components;
@layer legacy{.account-workspace{--workspace-edge:var(--lightningcss-light,#a1b4ca40)var(--lightningcss-dark,#d3e3f01c);--workspace-surface:var(--lightningcss-light,#f7f9fccc)var(--lightningcss-dark,#ffffff04)}.workspace-intro{border:0;margin:0 0 24px;padding:8px 0 0;display:block}.workspace-intro h1{margin:8px 0;font-size:clamp(28px,3vw,38px);font-weight:600}.workspace-intro>p{margin:0;font-size:14px;line-height:1.9}.account-workspace .account-navigation{border-bottom:1px solid var(--workspace-edge);gap:24px;margin:0 0 28px;padding:0}.account-workspace .account-navigation a{white-space:nowrap;background:0 0;border:0;border-radius:0;padding:12px 0 14px;font-size:14px;position:relative}.account-workspace .account-navigation a[aria-current=page]{color:var(--lightningcss-light,#04788e)var(--lightningcss-dark,#09bacf);background:0 0}.account-workspace .account-navigation a[aria-current=page]:after{content:"";bottom:-1px;background:currentColor;height:2px;position:absolute;inset-inline:0}.account-workspace .account-navigation a:hover{color:var(--text)}.account-workspace .account-navigation a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.account-workspace .account-summary{background:var(--workspace-surface);border-color:var(--workspace-edge);border-radius:var(--radius-surface);margin:0 0 20px;padding:14px 20px}.account-workspace .account-summary>div{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.account-workspace .account-summary p{margin:0;font-size:14px}.account-workspace .account-summary .secondary{padding:8px 14px;font-size:12px}.account-workspace .profile-panel{border-color:var(--workspace-edge);border-radius:var(--radius-surface);background:var(--workspace-surface);max-width:none;margin:0;padding:24px}.profile-panel>h2{margin:0 0 6px;font-size:20px}.profile-panel>p{margin:0 0 24px;font-size:13px}.profile-groups{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:32px;display:grid}.profile-panel .profile-group{min-width:0;padding:0}.profile-group legend{float:none;padding:0;font-size:16px;font-weight:600}.profile-group>p{margin:4px 0 0;font-size:12px;line-height:1.8}.profile-group .profile-fields{gap:16px;margin:18px 0 24px}.profile-fields label{font-size:13px}.profile-fields input,.profile-fields textarea{border:1px solid var(--workspace-edge);border-radius:var(--radius-control);background:var(--lightningcss-light,#fff9)var(--lightningcss-dark,#0002);padding:12px;font-size:14px}.profile-group+.profile-group{border-inline-start:1px solid var(--workspace-edge);padding-inline-start:32px}.profile-save{border-top:1px solid var(--workspace-edge);flex-wrap:wrap;align-items:center;gap:16px;padding-top:20px;display:flex}.profile-save small{color:var(--muted);font-size:12px}.account-workspace .private-garage{margin-top:0}.account-workspace .garage-heading{margin-top:20px;margin-bottom:16px}.account-workspace .garage-heading h2{margin-top:0;font-size:20px}.account-workspace .garage-add-vehicle{background:0 0;border:0;margin:0 0 20px;padding:0}.account-workspace .garage-add-vehicle>summary{border:1px solid var(--workspace-edge);border-radius:var(--radius-control);background:var(--workspace-surface);width:fit-content;padding:8px 14px;font-size:13px;list-style:inside disclosure-closed;display:list-item}.account-workspace .garage-add-vehicle[open]>summary{list-style-type:disclosure-open}.account-workspace .garage-add-vehicle[open] .vin-entry{border:1px solid var(--workspace-edge);border-radius:var(--radius-surface);background:var(--workspace-surface);margin-top:12px}.account-workspace .vehicle-qr-controls p{margin:4px 0;font-size:12px}.account-workspace .vehicle-qr-controls>div>small{color:var(--muted);font-size:11px;line-height:1.8}.inquiry-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.inquiry-toolbar>p{margin:0;margin-inline-end:auto;font-size:13px}.inquiry-toolbar .secondary{padding:8px 12px;font-size:12px}.account-workspace .inquiry-list{gap:14px}.account-workspace .inquiry-list-row{border-color:var(--workspace-edge);border-radius:var(--radius-surface);background:var(--workspace-surface);padding:22px}.account-workspace .inquiry-list-row h3{letter-spacing:.04em;text-align:right;overflow-wrap:anywhere;margin-bottom:10px;font-size:18px}.inquiry-price{flex-wrap:wrap;gap:12px;display:flex}.inquiry-price>span{color:var(--muted);font-size:11px}.inquiry-list-row .status-badge{border:1px solid var(--workspace-edge);border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:12px}.inquiry-list-row[data-status=Published] .status-badge{color:var(--lightningcss-light,#24734e)var(--lightningcss-dark,#96cfb0)}.inquiry-list-row[data-status=AwaitingPayment] .status-badge,.inquiry-list-row[data-status=CorrectionRequested] .status-badge{color:var(--lightningcss-light,#946727)var(--lightningcss-dark,#e0ba80)}.inquiry-list-row[data-status=Cancelled] .status-badge,.inquiry-list-row[data-status=Expired] .status-badge,.inquiry-list-row[data-status=Refunded] .status-badge{color:var(--muted)}.account-workspace .ui-empty{border:1px dashed var(--workspace-edge);border-radius:var(--radius-surface);background:var(--workspace-surface);padding:32px 20px}@media (max-width:700px){.workspace-intro{margin-bottom:18px}.workspace-intro>p{font-size:13px}.account-workspace .account-navigation{scrollbar-width:none;gap:20px;margin-bottom:22px;overflow-x:auto}.account-workspace .account-navigation a{flex:none;padding-inline:0;font-size:13px}.account-workspace .account-summary{padding:14px}.account-workspace .account-summary>div{gap:8px 12px}.account-workspace .profile-panel{padding:18px}.profile-groups{grid-template-columns:minmax(0,1fr);gap:8px}.profile-group+.profile-group{border-inline-start:0;border-top:1px solid var(--workspace-edge);padding-inline-start:0;padding-top:20px}.profile-save{flex-direction:column;align-items:stretch;gap:10px}.profile-save>button{width:100%}.account-workspace .inquiry-list-row{grid-template-columns:minmax(0,1fr);padding:18px}.inquiry-list-row>.secondary,.inquiry-list-row>button{text-align:center;justify-self:stretch}.inquiry-toolbar{gap:8px}.inquiry-toolbar>p{flex-basis:100%;margin-bottom:4px}}.inquiry-vehicle-identity{align-items:center;gap:14px;min-width:0;margin-bottom:12px;display:flex}.inquiry-vehicle-identity img,.inquiry-no-photo{object-fit:contain;border-radius:var(--radius-surface);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#ffffff08);flex:none;width:96px;height:64px}.inquiry-no-photo{color:var(--muted);border:1px solid var(--workspace-edge);place-items:center;font-size:11px;display:grid}.inquiry-vehicle-identity strong{overflow-wrap:anywhere;font-size:16px;font-weight:500}.inquiry-vehicle-link{color:var(--lightningcss-light,#04788e)var(--lightningcss-dark,#64b5c7);text-underline-offset:5px;margin-top:10px;font-size:12px;text-decoration:underline;display:inline-flex}.inquiry-created{color:var(--muted);font-size:11px!important}.account-workspace .workspace-intro{margin-bottom:14px;padding-top:0}.account-workspace .workspace-intro h1{margin:5px 0}.account-workspace .account-navigation{margin-bottom:20px}.account-workspace .garage-heading{align-items:center;margin:0 0 16px}.garage-heading-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.garage-heading-controls .garage-add-trigger{border:1px solid var(--workspace-edge);background:var(--workspace-surface);padding:9px 14px;font-size:13px}.garage-add-panel{border:1px solid var(--workspace-edge);border-radius:var(--radius-surface);background:var(--workspace-surface);margin:0 0 20px}.garage-add-panel[hidden]{display:none}.garage-add-panel .vin-entry{background:0 0;border:0;margin:0}.quick-checkin .severity-help{margin:0;font-size:12px;line-height:1.8}.quick-checkin input[type=range][data-selected=false]{appearance:none;box-shadow:none;accent-color:var(--lightningcss-light,#7c8998)var(--lightningcss-dark,#718198);background:0 0;border:0}.quick-checkin input[type=range][data-selected=false]::-webkit-slider-runnable-track{background:var(--lightningcss-light,#b6c1cc)var(--lightningcss-dark,#58677b);border-radius:4px;height:4px}.quick-checkin input[type=range][data-selected=false]::-webkit-slider-thumb{appearance:none;background:0 0;border:0;border-radius:50%;width:18px;height:18px;margin-top:-7px}.quick-checkin input[type=range][data-selected=false]::-moz-range-track{background:var(--lightningcss-light,#b6c1cc)var(--lightningcss-dark,#58677b);border-radius:4px;height:4px}.quick-checkin input[type=range][data-selected=false]::-moz-range-progress{background:0 0}.quick-checkin input[type=range][data-selected=false]::-moz-range-thumb{background:0 0;border:0;width:18px;height:18px}@media (max-width:700px){.garage-heading-controls{justify-content:space-between;gap:8px;width:100%}.garage-heading-controls .garage-add-trigger{font-size:12px}.account-workspace .garage-heading{gap:12px}.account-workspace .workspace-intro{margin-bottom:12px}}.quick-checkin input[type=range][data-selected=true]{--severity-spectrum:linear-gradient(to right,#a3de9b 0%,#cbd779 25%,#e8bd67 50%,#d77b4e 75%,#8d1f2f 100%);--severity-knob:#e8bd67;appearance:none;box-shadow:none;background:0 0;border:0}.quick-checkin input[type=range][data-level="1"]{--severity-knob:#a3de9b}.quick-checkin input[type=range][data-level="2"]{--severity-knob:#cbd779}.quick-checkin input[type=range][data-level="3"]{--severity-knob:#e8bd67}.quick-checkin input[type=range][data-level="4"]{--severity-knob:#d77b4e}.quick-checkin input[type=range][data-level="5"]{--severity-knob:#8d1f2f}.quick-checkin input[type=range][data-selected=true]::-webkit-slider-runnable-track{background:var(--severity-spectrum);border-radius:6px;height:6px;box-shadow:inset 0 0 0 1px var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff24)}.quick-checkin input[type=range][data-selected=true]::-webkit-slider-thumb{appearance:none;background:var(--severity-knob);border:2px solid #f6f8fb;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 0 0 1px #17253655,0 2px 5px #0003}.quick-checkin input[type=range][data-selected=true]::-moz-range-track{background:var(--severity-spectrum);border-radius:6px;height:6px;box-shadow:inset 0 0 0 1px var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff24)}.quick-checkin input[type=range][data-selected=true]::-moz-range-progress{background:0 0}.quick-checkin input[type=range][data-selected=true]::-moz-range-thumb{background:var(--severity-knob);border:2px solid #f6f8fb;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #17253655,0 2px 5px #0003}@media (forced-colors:active){.quick-checkin input[type=range][data-selected=true]{appearance:auto}}.garage-add-panel .vin-entry{background:var(--workspace-surface);padding:22px}.vin-entry-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.vin-entry-head>div{min-width:0}.garage-add-panel .vin-entry .entry-eyebrow{color:var(--muted);margin-bottom:5px;font-size:10px;display:block}.garage-add-panel .vin-entry h2{margin:0;font-size:19px;font-weight:600;line-height:1.6}.garage-add-panel .vin-entry-head p{color:var(--muted);margin:6px 0 0;font-size:13px}.garage-add-panel .vin-entry-close{border:1px solid var(--workspace-edge);border-radius:var(--radius-control);flex:none;min-width:44px;min-height:44px;padding:8px;font-size:12px}.garage-add-panel .vin-entry form{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 14px;margin-top:18px;display:grid}.garage-add-panel .vin-entry .vin-label{grid-column:1/-1;margin:0 0 8px;font-size:13px}.garage-add-panel .vin-entry .vin-label span{font-size:12px}.garage-add-panel .vin-entry input{letter-spacing:1.5px;border:1px solid var(--workspace-edge);border-radius:var(--radius-control);background:var(--lightningcss-light,#fff9)var(--lightningcss-dark,#0002);grid-area:2/1;min-height:50px;margin:0;padding:10px 14px;font-size:19px}.garage-add-panel .vin-entry .garage-actions{flex-wrap:nowrap;grid-area:2/2;align-self:start;gap:8px;margin:0;display:flex}.garage-add-panel .vin-entry .garage-actions>button{white-space:nowrap;flex:none;width:auto;min-height:50px;padding:10px 16px;font-size:13px}.garage-add-panel .vin-entry .vin-feedback{grid-area:3/1/auto/-1;min-height:0;margin:8px 0 0;font-size:12px;line-height:1.9}.garage-add-panel .vin-entry>.entry-footnote{border-top:1px solid var(--workspace-edge);color:var(--muted);margin:14px 0 0;padding-top:12px;font-size:12px;line-height:1.9;display:block}@media (max-width:900px){.garage-add-panel .vin-entry form{grid-template-columns:minmax(0,1fr)}.garage-add-panel .vin-entry .garage-actions{flex-wrap:wrap;grid-area:4/1;margin-top:14px}.garage-add-panel .vin-entry .garage-actions>button{white-space:normal;flex:1}}@media (max-width:500px){.garage-add-panel .vin-entry{padding:16px}.garage-add-panel .vin-entry h2{font-size:17px}.garage-add-panel .vin-entry-head{gap:12px}.garage-add-panel .vin-entry .garage-actions{flex-direction:column;align-items:stretch}.garage-add-panel .vin-entry .garage-actions>button{flex-basis:auto;width:100%}.garage-add-panel .vin-entry input{letter-spacing:1px;font-size:17px}}.maintenance-dialog-tabs[hidden],.maintenance-dialog .view-service .service-form>h2{display:none}.service-form .service-date-field{border-color:var(--border,#64748b);padding:16px}.service-form .service-date-field legend{padding-inline:6px;font-size:13px}.service-form .service-date-field .service-date{grid-template-columns:minmax(82px,1fr) minmax(100px,1.4fr) minmax(64px,.8fr);align-items:end;gap:10px}.service-form .service-date-field label{gap:8px;font-size:13px}.service-form .service-date-field select{height:48px;margin:0;padding-block:8px;font-size:15px}.service-date-help{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.service-date-help small{opacity:.7;font-size:12px}.service-date-help button{min-width:44px;min-height:44px;padding:8px}.maintenance-dialog .view-service .service-history>p.panel{display:none}@media (max-width:400px){.service-form .service-date-field{padding:10px}.service-form .service-date-field .service-date{grid-template-columns:minmax(66px,1fr) minmax(80px,1.3fr) minmax(54px,.8fr);gap:6px}.service-form .service-date-field select{padding-inline:6px;font-size:13px}}:is(.maintenance-dialog-head,.vehicle-photo-dialog) :is(.dialog-close,.gallery-arrow){width:44px;height:44px;min-height:44px;color:var(--muted);box-shadow:none;background:0 0;border:0;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;padding:0;transition:background-color .18s,color .18s;display:inline-flex}:is(.maintenance-dialog-head,.vehicle-photo-dialog) :is(.dialog-close,.gallery-arrow) svg{pointer-events:none;display:block}:is(.maintenance-dialog-head,.vehicle-photo-dialog) :is(.dialog-close,.gallery-arrow):hover{color:var(--text);background:var(--lightningcss-light,#164e8c0c)var(--lightningcss-dark,#b8d7ff0e)}:is(.maintenance-dialog-head,.vehicle-photo-dialog) :is(.dialog-close,.gallery-arrow):focus-visible{outline:2px solid var(--accent);outline-offset:2px;color:var(--text)}@media (prefers-reduced-motion:reduce){:is(.maintenance-dialog-head,.vehicle-photo-dialog) :is(.dialog-close,.gallery-arrow){transition:none}}.maintenance-vehicle-identity{flex-wrap:wrap;align-items:center;gap:6px 16px;min-width:0;margin-top:8px;display:flex}.maintenance-vehicle-identity bdi{white-space:nowrap}.maintenance-vehicle-identity bdi:first-child:not(:last-child){color:var(--text);font-size:14px}.vehicle-photo-dialog>.dialog-close{margin-inline:auto 0;margin-bottom:12px;display:flex}.vehicle-gallery-nav .gallery-arrow{flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:0;display:inline-flex}.admin .code-queue button{white-space:normal;overflow-wrap:anywhere;flex:none;align-content:start;gap:4px;height:auto;min-height:96px;line-height:1.7;display:grid}.code-queue bdi{text-align:right;direction:ltr;unicode-bidi:isolate}.code-queue span,.code-queue small{line-height:1.7}.reference-context{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px;display:inline-flex}.reference-context bdi{font-family:var(--font-ui)}@media (max-width:700px){.code-queue{grid-auto-rows:max-content}.admin .code-queue button{min-height:110px}}.option-gallery .option-image{border:1px solid var(--line);background:var(--panel);min-width:0;margin:0;padding:10px}.option-image figcaption{color:var(--muted);text-align:center;font-size:11px}@media (max-width:900px){.option-gallery .option-image{width:200px}}@media (max-width:700px){.option-gallery .option-image{width:100%}}.reference-image-upload{text-align:center;gap:10px;margin-top:14px;display:grid}.reference-image-picker{border:1px solid var(--line);border-radius:var(--radius-control);cursor:pointer;padding:10px;font-size:13px;display:block;position:relative}.reference-image-picker input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.reference-image-picker:focus-within{outline:2px solid var(--accent);outline-offset:2px}.reference-image-upload small{font-size:11px}.reference-image-upload img{object-fit:contain;max-width:100%;height:130px}.reference-image-upload button{padding:10px;font-size:13px}.maintenance-history-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:8px 24px;display:flex}.maintenance-history-nav button{border-radius:4px;padding:8px 12px;font-size:.8rem}.maintenance-history-nav [aria-current=page]{color:var(--text);background:var(--surface);box-shadow:inset 0 -2px var(--accent,#5694e6);font-weight:700}.maintenance-register-action{justify-content:flex-end;padding:12px 24px 0;display:flex}.maintenance-register-action button{font-size:.85rem}.maintenance-conditions-history{margin:0 0 16px;font-size:.85rem}.energy-card-action{align-items:center;gap:.5rem;display:inline-flex}.vehicle-dossier{max-width:1100px;margin:2rem auto;padding:1rem}.vehicle-dossier>.workspace-tabs{margin-block:1.5rem}.vehicle-dossier .workspace-tabs [aria-current=page]{background:var(--panel);border-bottom:3px solid #5999ff}.energy-history>.panel{margin-block:1rem}.energy-history .checkbox-label{flex-direction:row;align-items:center;gap:.65rem;display:flex}.energy-history .checkbox-label input{flex:none;width:20px;height:20px;margin:0}.energy-history .service-form{margin-top:0}.energy-history .service-form h3{margin-top:0;font-size:1rem}.energy-fuel-options{flex-wrap:wrap;align-items:center;gap:1rem 2rem;display:flex}.energy-history .energy-fuel-options .checkbox-label{margin:0}.maintenance-footer .dossier-card-action{justify-content:center;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.dossier-card-action svg{flex-shrink:0}.maintenance-footer .service-card-action{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.service-card-action svg{flex-shrink:0}.card-inquiry-action>button{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.card-inquiry-action>button svg{flex-shrink:0}.vehicle-dossier :is(.service-history,.usage-workspace)>.section-heading .vin,.vehicle-dossier .energy-history>.section-heading>div>bdi{display:none}}@layer system,components;.dossier-vehicle-summary{align-items:center;gap:24px;margin-block:24px;padding:20px;display:flex}.dossier-vehicle-photo{flex:0 0 150px;width:150px}.dossier-vehicle-photo img{object-fit:contain;width:100%;height:90px}.dossier-vehicle-model>span{margin-bottom:6px;font-size:12px;line-height:18px;display:block}.dossier-vehicle-model h2{white-space:nowrap;align-items:center;height:44px;margin:0;font-size:20px;line-height:1.4;display:flex}.dossier-vehicle-summary dl{flex-wrap:nowrap;flex:1;justify-content:space-between;align-items:start;gap:16px 20px;margin:0;display:flex}.dossier-vehicle-summary dt{color:var(--muted);white-space:nowrap;margin-bottom:6px;font-size:12px;line-height:18px}.dossier-vehicle-summary dd{white-space:nowrap;align-items:center;height:44px;margin:0;font-size:14px;display:flex}.dossier-vehicle-summary .dossier-mileage-history{min-height:44px;box-shadow:none;background:0 0;border:0;padding:0;font-size:14px;line-height:1.5}.dossier-vehicle-model{min-width:160px}@media (max-width:1000px){.dossier-vehicle-summary{flex-wrap:wrap;gap:16px}.dossier-vehicle-photo{flex-basis:110px;width:110px}.dossier-vehicle-summary dl{flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dossier-vehicle-summary dd{overflow-wrap:anywhere}}.service-history .service-records{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),320px));align-items:stretch;gap:16px}.service-history .service-records>.service-record{box-sizing:border-box;flex-direction:column;width:100%;margin:0;padding:20px;display:flex}.service-history .service-records .service-record h2{margin-top:0;font-size:18px}.service-history .service-records .garage-actions{margin-top:auto;padding-top:16px}.service-history-tools{flex-wrap:wrap;align-items:end;gap:16px;margin-block:24px 12px;display:flex}.service-history-tools label{flex:1;gap:8px;min-width:150px;font-size:13px;display:grid}.service-history-tools select{width:100%;margin:0}.service-history-tools .view-switch{align-self:end;display:flex}.service-history-table{border:1px solid var(--border);border-radius:var(--radius-surface);margin-block:16px;overflow-x:auto}.service-history-table table{border-collapse:collapse;text-align:right;width:100%}.service-history-table caption{text-align:start;padding:16px;font-weight:600}.service-history-table th,.service-history-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:14px 16px}.service-history-table thead{background:var(--panel)}.service-history-table td:nth-child(2),.service-history-table td:nth-child(3){white-space:nowrap}.service-history-table summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.service-history-table .service-record{min-width:260px;padding:16px}.service-history-table tr:last-child>td,.service-history-table tr:last-child>th{border-bottom:0}@media (max-width:600px){.service-history .service-records{grid-template-columns:minmax(0,1fr)}.service-history-tools .view-switch{width:100%}}
@layer legacy{.mileage-entry{flex:1;min-width:0;position:relative}.mileage-entry input{width:100%}.mileage-input .mileage-last-hint{pointer-events:none;color:var(--muted);letter-spacing:0;direction:ltr;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:12px;display:flex;position:absolute;inset:0}.mileage-input .mileage-last-hint[hidden]{display:none}.mileage-input .mileage-last-hint bdi{white-space:nowrap;font-size:16px}.mileage-input .mileage-last-hint span{padding:0;font-size:11px;line-height:1.5}@media (max-width:480px){.mileage-input .mileage-last-hint{flex-wrap:wrap;align-content:center;gap:2px 10px}.mileage-input .mileage-last-hint span{font-size:10px}}.mileage-input .mileage-recorded-date{inset-inline-start:14px;pointer-events:none;color:var(--muted);direction:rtl;padding:0;font-size:11px;position:absolute;top:50%;transform:translateY(-50%)}.mileage-entry:has(.mileage-recorded-date) input{padding-right:190px}@media (max-width:480px){.mileage-entry:has(.mileage-recorded-date) input{padding-bottom:24px;padding-right:14px}.mileage-input .mileage-recorded-date{font-size:10px;top:auto;bottom:3px;transform:none}}.maintenance-results .maintenance-preview{aspect-ratio:auto;height:auto;min-height:136px}.maintenance-results .maintenance-preview>small{white-space:normal;text-overflow:clip;overflow:visible}.maintenance-results .sample-due-date{color:var(--text)}.energy-entry-form .energy-mileage{height:54px}.energy-entry-form .energy-mileage input{box-sizing:border-box;height:52px;padding-block:14px;font-size:18px;line-height:24px}.energy-entry-form .energy-mileage input::placeholder{color:var(--muted);opacity:.75;font-size:18px}}@layer system,components;