#theme-toggle{position:fixed;left:16px;bottom:18px;z-index:900;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #d8d8df;border-radius:50%;background:#fff;color:#242426;box-shadow:0 3px 12px #0002;font-size:26px;line-height:1;cursor:pointer}
body:has(.shell) #theme-toggle{left:254px}
html[data-theme=dark]{color-scheme:dark;background:#171719;color:#ededf0;--line:#3b3b40;--muted:#aaaab3;--red:#ff6574;--green:#5cd7a0}
html[data-theme=dark] body,html[data-theme=dark] .shell,html[data-theme=dark] .main{background:#171719;color:#ededf0}
html[data-theme=dark] :is(.sidebar,.topbar,.section,.stat,.panel,.table-wrap,dialog,.product-page-search,.service-reminder-list){background:#222225!important;color:#ededf0;border-color:var(--line)!important}
html[data-theme=dark] :is(input,select,textarea,button:not(.primary):not(.nav),.search,.stat-icon){background:#303035;color:#ededf0;border-color:#48484e}
html[data-theme=dark] :is(h1,h2,h3,label,.profile strong,.stat strong,.stat>span,.vehicle-sale-totals strong){color:#ededf0}
html[data-theme=dark] :is(small,.muted,.heading p,.nav-label){color:var(--muted)}
html[data-theme=dark] :is(th,thead){background:#29292e!important;color:#bcbcc5!important;border-color:var(--line)}
html[data-theme=dark] td{border-color:var(--line);color:inherit}
html[data-theme=dark] tbody tr:hover{background:#303035;color:#ededf0}
html[data-theme=dark] .product-table tbody tr:hover .product-actions-cell{background:#303035}
html[data-theme=dark] :is(.nav,.nav:hover){background:transparent;color:#c5c5ce}
html[data-theme=dark] .nav.active{background:#303b4d!important;color:#7eb8ff!important}
html[data-theme=dark] :is(.nav .count,.avatar,.badge){background:#38383e;color:#d6d6de}
html[data-theme=dark] .badge.green{background:#1e4235;color:#7ce3b0}
html[data-theme=dark] .badge.red{background:#48262d;color:#ff929c}
html[data-theme=dark] .badge.orange{background:#483b24;color:#ffce7f}
html[data-theme=dark] :is(.sale-inquiry-toggle,.label-designer-footer,.label-designer-tools,.label-designer-properties){background:#29292e!important;color:#ededf0}
html[data-theme=dark] #theme-toggle{background:#303035;color:#ffdc83;border-color:#48484e}
html[data-theme=dark] dialog::backdrop{background:#0009}
html[data-theme=dark]:has(.shell){--red:#5ba5ff}
html[data-theme=dark] :is(.auth,.stock-stepper,.toolbar,.site-header,.catalog-refine,.catalog-options,.cart-drawer,.checkout-member,.checkout-layout,.spec-grid,.tracking-result,.service-main,.operations,.facts,.lookup-band,.catalog-band,.product,.result-head){background:#222225!important;color:#ededf0;border-color:var(--line)}
html[data-theme=dark] .site-header nav a{color:#ededf0}
html[data-theme=dark] :is(.mobile-home-menu,.mobile-tabbar,.barcode-scan,.tabs,.segments,.filters){background:#222225!important;color:#ededf0;border-color:var(--line)!important}
html[data-theme=dark] :is(.price,.product-price,.stock-quantity-input){color:#ededf0}
html[data-theme=dark] :is(.product-card,.market-product) img{background:white;border-radius:inherit}
html[data-theme=dark] :is(.product-card,.market-product,.market-header,.market-toolbar){background:#252528;color:#ededf0;border-color:var(--line)}
html[data-theme=dark] :is(.machine-card,.featured-machine,.machine-info,.detail-summary,.dialog-head,.detail-section,.cart-head){background:#252528;color:#ededf0;border-color:var(--line)}
html[data-theme=dark] :is(.machine-image,.detail-visual){background:#fff!important;color:#19191c}
html[data-theme=dark] .machine-image img{filter:none;opacity:1}
html[data-theme=dark] .machine-card.out-of-stock .machine-image img{opacity:.6;filter:grayscale(.2)}
html[data-theme=dark] :is(.machine-info>p,.machine-bottom span,.detail-summary>p){color:#bcbcc5}
html[data-theme=dark] :is(.machine-bottom,.availability){border-color:var(--line)}
html[data-theme=dark] .machine-finder{background:#222225;color:#ededf0;border-color:var(--line)}
html[data-theme=dark] :is(.rate-note,#market-result-count,.search span){color:#bcbcc5}
.service-intake-modal{width:min(860px,calc(100vw - 24px))}
.service-wizard-nav{display:flex;gap:8px;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line,#ddd)}
.service-wizard-nav button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:46px;padding:10px;border-radius:8px;font-weight:700}
.service-wizard-nav svg{width:20px;height:20px;flex-shrink:0}
.service-wizard-nav button.active{background:#e8f1ff;color:#0863c8;border-color:#97bff2}
.service-wizard-step{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.service-wizard-step[hidden],.service-wizard-nav~form [hidden]{display:none!important}
.service-intake-modal .form-actions{position:sticky;bottom:0;background:#fff;padding:16px 0;margin-top:20px;border-top:1px solid var(--line,#ddd);z-index:4}
.service-intake-modal .form-actions [hidden]{display:none!important}
.signature-canvas{display:block;width:100%;height:150px;background:white;border:1px solid #b6b6bf;border-radius:8px;touch-action:none;cursor:crosshair}
.signature-clear{margin-top:8px;min-height:36px;padding:8px 12px;border:1px solid #ccc;border-radius:8px;background:transparent}
.delivery-receiver{display:grid;gap:6px;margin:12px 0}.delivery-receiver input{min-height:42px;padding:10px;border:1px solid #ccc;border-radius:8px;font:inherit}
.delivery-accept{display:flex;align-items:start;gap:8px;margin:14px 0;font-size:14px}.delivery-accept input{width:18px;height:18px;flex-shrink:0}
html[data-theme=dark] .service-intake-modal .form-actions{background:#222225}
html[data-theme=dark] .service-wizard-nav button.active{background:#18385a;color:#acd1ff}
html[data-theme=dark] .service-intake-modal :is(.condition-checks label,.accessory-checks label,.intake-approval){background:#303035;color:#ededf0;border-color:#48484e}
html[data-theme=dark] .service-intake-modal :is(legend,.condition-checks span,.accessory-checks span,.intake-approval span){color:#ededf0}
html[data-theme=dark] .service-intake-modal .service-scan-panel{background:#29292e;color:#ededf0;border-color:#48484e}
html[data-theme=dark] .service-intake-modal .service-scan-copy :is(strong,small){color:#ededf0}
body:has(.shell) :is(.heading,.section-head,.form-actions) button:not(.icon){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:8px;font-weight:650;transition:background .15s ease,box-shadow .15s ease}
body:has(.shell) .primary{box-shadow:0 2px 6px #0065cf24}
body:has(.shell) button:focus-visible{outline:2px solid #147ce5;outline-offset:3px}
@media(max-width:600px){.service-wizard-nav{gap:5px}.service-wizard-nav button{flex-direction:column;font-size:11px;padding:8px 4px}.service-wizard-step{grid-template-columns:1fr;gap:12px}.service-intake-modal .form-actions{flex-wrap:wrap}}
@media screen{
 body:has(.shell) button:not(.row-link):not(.product-favorite),#modal button,.accessory-confirm button,.auth button{
  background-image:linear-gradient(180deg,#ffffff60 0%,#ffffff12 45%,#00000006 100%);
  box-shadow:inset 0 1px 0 #ffffffe0,inset 0 0 0 1px #70778712,0 1px 2px #20202716,0 3px 6px #20202712;
  transition:background-color .18s ease,box-shadow .18s ease,transform .12s ease;
 }
 body:has(.shell) button.primary,#modal button.primary,.accessory-confirm button.primary,.auth button.primary{
  background-image:linear-gradient(180deg,#ffffff2c 0%,#ffffff08 45%,#00000014 100%);
  box-shadow:inset 0 1px 0 #ffffff80,inset 0 0 0 1px #003c7e24,0 1px 2px #00477c30,0 4px 10px #0062bf30;
 }
 body:has(.shell) .nav{background-image:none;box-shadow:none}
 body:has(.shell) .nav.active{box-shadow:inset 0 1px 0 #ffffff60,inset 0 0 0 1px #147ce514,0 2px 5px #147ce510}
 body:has(.shell) button:not(:disabled):not(.nav):not(.row-link):not(.icon):hover,#modal button:not(:disabled):hover{
  transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffffa0,inset 0 0 0 1px #147ce52a,0 2px 4px #20202718,0 5px 12px #20202718;
 }
 body:has(.shell) button:not(:disabled):not(.row-link):active,#modal button:not(:disabled):active,.accessory-confirm button:not(:disabled):active,.auth button:not(:disabled):active{
  transform:translateY(1px);box-shadow:inset 0 2px 4px #00000020,inset 0 -1px 0 #ffffff60,0 1px 2px #0000000c;
 }
 html[data-theme=dark] body:has(.shell) button:not(.row-link):not(.product-favorite),html[data-theme=dark] #modal button,html[data-theme=dark] .accessory-confirm button,html[data-theme=dark] .auth button{
  background-image:linear-gradient(180deg,#ffffff18 0%,#ffffff03 45%,#00000010 100%);
  box-shadow:inset 0 1px 0 #ffffff2b,inset 0 0 0 1px #ffffff09,0 1px 2px #00000040,0 4px 8px #00000030;
 }
 html[data-theme=dark] body:has(.shell) button.primary,html[data-theme=dark] #modal button.primary{
  background-image:linear-gradient(180deg,#ffffff24 0%,#ffffff05 45%,#00000010 100%);
  box-shadow:inset 0 1px 0 #ffffff5a,inset 0 0 0 1px #6bb6ff40,0 1px 2px #00000040,0 4px 12px #007aff24;
 }
 html[data-theme=dark] body:has(.shell) .nav{background-image:none;box-shadow:none}
 html[data-theme=dark] body:has(.shell) .nav.active{box-shadow:inset 0 1px 0 #ffffff15,inset 0 0 0 1px #7eb8ff25,0 2px 6px #00000018}
 html[data-theme=dark] body:has(.shell) button:not(:disabled):not(.nav):not(.row-link):not(.icon):hover,html[data-theme=dark] #modal button:not(:disabled):hover{
  box-shadow:inset 0 1px 0 #ffffff40,inset 0 0 0 1px #7eb8ff38,0 2px 4px #00000035,0 6px 14px #00000030;
 }
 html[data-theme=dark] body:has(.shell) button:not(:disabled):active,html[data-theme=dark] #modal button:not(:disabled):active{
  box-shadow:inset 0 2px 5px #00000066,inset 0 -1px 0 #ffffff12,0 1px 2px #00000024;
 }
 button:disabled{background-image:none!important;box-shadow:none!important;transform:none!important}
}
@media(prefers-reduced-motion:reduce){body:has(.shell) button,#modal button{transition:none!important}}
@media screen{
 html:not([data-theme=dark]) body:has(.shell) button:not(.primary):not(.nav):not(.row-link):not(.icon):not(.danger),html:not([data-theme=dark]) #modal button:not(.primary):not(.icon):not(.danger){
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 45%,#edf0f5 100%);color:#303a49;border-radius:8px;
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px #d7dce5,inset 0 -1px 0 #bcc5d033,0 2px 1px #aab4c13d,0 4px 7px #1e293b12;
 }
 html:not([data-theme=dark]) body:has(.shell) button.primary,html:not([data-theme=dark]) #modal button.primary{
  background:#087af0;color:#fff;background-image:linear-gradient(180deg,#ffffff30 0%,#ffffff08 45%,#00489e24 100%);border-radius:8px;
  box-shadow:inset 0 1px 0 #ffffff80,inset 0 0 0 1px #0061c255,inset 0 -1px 0 #00489e30,0 2px 1px #0058b94d,0 5px 10px #087af025;
 }
 html:not([data-theme=dark]) body:has(.shell) button.nav{
  background-image:none!important;box-shadow:none!important;transform:none!important;
 }
 html:not([data-theme=dark]) body:has(.shell) button.nav.active{box-shadow:inset 0 0 0 1px #007aff18!important}
 html:not([data-theme=dark]) :is(.service-wizard-nav,.service-customer-mode) button.active{
  background:linear-gradient(180deg,#f5faff,#deecff)!important;color:#0866c8!important;box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px #a9cfff,0 2px 1px #a9cfff60,0 4px 7px #087af012!important;
 }
 html:not([data-theme=dark]) body:has(.shell) button:not(.nav):not(.row-link):not(.icon):not(:disabled):hover,html:not([data-theme=dark]) #modal button:not(.icon):not(:disabled):hover{
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px #aabdd2,0 2px 1px #aab4c140,0 6px 12px #1e293b18;
 }
 html:not([data-theme=dark]) body:has(.shell) button:not(.nav):not(.row-link):not(:disabled):active,html:not([data-theme=dark]) #modal button:not(:disabled):active{
  box-shadow:inset 0 2px 4px #1e293b26,inset 0 0 0 1px #b7c5d6!important;transform:translateY(1px);
 }
}
@media(max-width:800px){body:has(.shell) #theme-toggle{left:16px;bottom:82px}}
@media print{#theme-toggle{display:none!important}html[data-theme=dark],html[data-theme=dark] body{background:white!important;color:black!important;color-scheme:light}}
html[data-theme=dark] .order-legal-scroll{background:#fff!important;color:#171717!important}
html[data-theme=dark] .order-legal-document,html[data-theme=dark] .order-legal-document *{color:#171717!important;background-color:transparent!important;border-color:#aaa!important}
#auth-form input{color:#242629;-webkit-text-fill-color:#242629}
html[data-theme=dark] #auth-form input{color:#ededf0;-webkit-text-fill-color:#ededf0}
html[data-theme=dark] #auth-form input:autofill{box-shadow:0 0 0 1000px #303035 inset;-webkit-text-fill-color:#ededf0}