/* Palette values copied from the local shared admin/dealer theme sources. */
:root[data-theme=classic],:root[data-theme=classic] .myyard-vdp{color-scheme:light;--canvas:#bec6c9;--surface:#d5dad9;--raised:#dfe3e0;--inset:#c7cfd0;--chrome:#b2bec4;--ink:#253039;--muted:#46545f;--border:#9aa9af;--red:#ae253b;--red-dark:#942033;--accent-soft:#d9bcc3;--positive:#275b45;--positive-soft:#c5d7ca;--warning:#755013;--warning-soft:#dfd3ba;--hover:#b6c3cb;--shadow:0 4px 15px #202c3a0b}
:root[data-theme=dark],:root[data-theme=dark] .myyard-vdp{color-scheme:dark;--canvas:#15191f;--surface:#20262f;--raised:#282f3a;--inset:#1a2028;--chrome:#191e26;--ink:#e6eaf0;--muted:#a7b3c3;--border:#414c5c;--red:#f07889;--red-dark:#d86577;--accent-soft:#432e38;--positive:#8ed0ad;--positive-soft:#243d33;--warning:#ebc784;--warning-soft:#3b3325;--hover:#333d4b;--shadow:0 4px 15px #0002}
:root[data-theme=clarity],:root[data-theme=clarity] .myyard-vdp{color-scheme:light;--canvas:#f7f9fc;--surface:#fff;--raised:#f1f5f9;--inset:#eef4fb;--chrome:#1e293b;--ink:#172b45;--muted:#526174;--border:#d7e0ea;--red:#005bc4;--red-dark:#00499f;--accent-soft:#dbeafe;--hover:#e6eef9}
:root[data-theme=maroon],:root[data-theme=maroon] .myyard-vdp{color-scheme:light;--canvas:#3c0008;--surface:#fffafb;--raised:#f3e2e5;--inset:#f3e2e5;--chrome:#520912;--ink:#30232a;--muted:#67545c;--border:#d3a4ab;--red:#93414c;--red-dark:#681721;--accent-soft:#e9cfd2;--hover:#f3e2e5}
:root[data-theme=dark],:root[data-theme=dark] .myyard-vdp{--canvas:#15171b;--chrome:#1b1e23;--surface:#22262c;--raised:#2b3038}
:root[data-theme=dark],:root[data-theme=dark] .myyard-vdp{--record-bg:#26313d;--record-line:#586e81;--record-heading:#35495b;--record-row:#26313d;--record-alt:#2b3947;--record-accent:#a9c9e2;--price-bg:#293833;--price-line:#557467;--option-bg:#44394b;--option-ink:#e1c6eb}
:root[data-theme=dark],:root[data-theme=dark] .myyard-vdp{--decision-band:#30424d;--reference-band:#242c38}
:root[data-theme=dark],:root[data-theme=dark] .myyard-vdp{--nav-active:#354b5b;--nav-active-ink:#f0f4f8;--nav-active-marker:#f07889;--nav-active-count:#203442}
:root[data-theme=camo],:root[data-theme=camo] .myyard-vdp{color-scheme:light;--canvas:#eae6d2;--surface:#f5f2e4;--raised:#e2dfc6;--inset:#dedfc5;--chrome:#121a1b;--ink:#121a1b;--muted:#505039;--border:#797b58;--red:#ae253b;--red-dark:#942033;--accent-soft:#e5d6ce;--hover:#d5d8b1;--positive:#315238;--positive-soft:#dbe1cb;--warning:#6a4917;--warning-soft:#e8d9ae;--nav-active:#505039;--nav-active-ink:#f5f2e4;--nav-active-count:#121a1b;--nav-active-marker:#ae253b;--workflow-sub-selected:#696c45;--workflow-sub-selected-ink:#f5f2e4;--shadow:0 4px 15px #121a1b12;
--bg:var(--canvas);--panel:var(--surface);--line:var(--border);--accent:#ae253b;--selected:#505039;--notice:#dedfc5;--notice-border:#797b58;--chart:#5e6b55;--green:#315238;--amber:#6a4917;--ok-ink:#315238;--ok-bg:#dbe1cb;--ok-line:#5e6b55;--warn-ink:#6a4917;--warn-bg:#e8d9ae;--warn-line:#80652a;--error-ink:#942033;--error-bg:#f4dedb;--error-line:#ae253b}
:root[data-theme=camo],:root[data-theme=camo] .myyard-vdp{--record-bg:#e2dfc6;--record-line:#797b58;--record-heading:#c9cc9c;--record-row:#f5f2e4;--record-alt:#dedfc5;--record-accent:#505039;--price-bg:#d9dfcd;--price-line:#797b58;--option-bg:#dedfc5;--option-ink:#505039}
:root[data-theme=camo],:root[data-theme=camo] .myyard-vdp{--nav-active:#303e23;--workflow-sub-selected:#5e6b42}

:root[data-theme]{--accent:var(--accent-soft)}
:root[data-theme] .myyard-vdp{--accent:var(--accent-soft)}
body,.myyard-vdp{background:var(--canvas);color:var(--ink)}
.theme-control{display:flex;align-items:center;gap:6px;font-size:.75rem;flex-shrink:0;color:var(--ink)}
.theme-control select{min-height:44px;max-width:110px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);padding:6px;font:inherit}
:root[data-theme] .primary{background:var(--red);border-color:var(--red);color:white}
:root[data-theme] .primary:hover{background:var(--red-dark)}
:root[data-theme=dark] .primary{background:#af273e;border-color:#af273e}
:root[data-theme=dark] .primary:hover{background:#942033}
:root[data-theme] .searchbox{background:var(--accent-soft);border-color:var(--red);color:var(--ink)}
:root[data-theme] .searchbox textarea,:root[data-theme] .searchbox textarea::placeholder,:root[data-theme] .context-caption,:root[data-theme] .mobile-search-label{color:var(--ink)}
:root[data-theme] .secondary{background:var(--surface);border-color:var(--border);color:var(--ink)}
:root[data-theme] .secondary:hover{background:var(--hover)}
:root[data-theme] :is(.snapshot-notice,.snapshot-sticker-status,.search-coverage-notice,.search-understanding,.card-sources){background:var(--raised);border-color:var(--border);color:var(--ink)}
:root[data-theme] .myyard-vdp .dealer-vdp-data>.gallery .hero-photo{background:var(--inset)}
:root[data-theme] :is(.sidebar,.topbar){background:var(--chrome)}
:root[data-theme=clarity] :is(.sidebar,.topbar),:root[data-theme=maroon] :is(.sidebar,.topbar),:root[data-theme=camo] :is(.sidebar,.topbar){color:#f5f7f8}
:root:is([data-theme=clarity],[data-theme=maroon],[data-theme=camo]) :is(.sidebar .brand,.sidebar .navlink,.sidebar .side-note,.topbar>.location,.topbar>.rail-toggle,.theme-control){color:#f5f7f8}
:root:is([data-theme=clarity],[data-theme=maroon],[data-theme=camo]) .sidebar .navlink.active{background:var(--surface);color:var(--ink)}
:root[data-theme=maroon] .main{background:var(--surface)}
:root[data-theme=maroon] .myyard-vdp{background:var(--surface)}
:root[data-theme] .myyard-vdp :is(.vehicle-description,.dealer-info){color:var(--ink)}
@media(max-width:700px){.theme-control{position:absolute;right:12px;top:8px;z-index:2}.theme-control>span{display:none}.theme-control select{font-size:.75rem;max-width:90px;min-height:44px}.topbar .avatar{visibility:hidden}.topbar .mobile-brand{padding-right:96px}}
:root[data-theme] .shopper-price{background:var(--raised);color:var(--ink)}
:root[data-theme] .card .save{background:var(--surface);color:var(--ink)}
:root[data-theme] .myyard-vdp .vehicle-summary{background:var(--price-bg,var(--raised));color:var(--ink)}
:root:is([data-theme=clarity],[data-theme=maroon]) .myyard-vdp{--record-bg:var(--raised);--record-line:var(--border);--record-heading:var(--inset);--record-row:var(--surface);--record-alt:var(--raised);--record-accent:var(--red);--price-bg:var(--raised);--price-line:var(--border);--option-bg:var(--accent-soft);--option-ink:var(--ink)}
:root:is([data-theme=clarity],[data-theme=maroon],[data-theme=camo]) .sidebar .brand span{color:#f5f7f8}
:root:is([data-theme=clarity],[data-theme=maroon],[data-theme=camo]) .sidebar .scope-switch{color:var(--ink)}
@media(max-width:700px){.topbar>.location{max-width:calc(100vw - 160px)}.topbar>.location span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:700px){
 #app .topbar,#app:has(.shopping-summary) .topbar{grid-template-columns:72px minmax(0,1fr)}
 #app .topbar .mobile-brand{display:none}
 #app .topbar .theme-control{position:static;grid-column:1;grid-row:1;display:block;max-width:72px}
 #app .topbar .theme-control select{width:72px;max-width:72px;padding:4px;font-size:.6875rem}
 :root:is([data-theme=clarity],[data-theme=maroon],[data-theme=camo]) .mobilebar a{color:#e2e8f0}
 :root:is([data-theme=clarity],[data-theme=maroon],[data-theme=camo]) .mobilebar a.active{color:white}
}

/* Rendered parity with saved portal CSS, including final component overrides. */
:root[data-theme=classic] , :root[data-theme=classic] .myyard-vdp{--canvas:#bec6c9;--ink:#253039;--muted:#3e4c57;--price-bg:#c9d6cd;--price-line:#8ca599;--record-alt:#c1ced2;--record-bg:#cad4d7;--record-heading:#b8c9d0;--record-row:#d3dcdd;--surface:#d5dad9;}
:root[data-theme=classic] .sidebar{background:rgb(178, 190, 196);color:rgb(37, 48, 57);}
:root[data-theme=classic] .topbar{background:rgb(178, 190, 196);color:rgb(37, 48, 57);}
:root[data-theme=classic] .sidebar .navlink.active{background:rgb(65, 89, 105);}
:root[data-theme=classic] .sidebar .navlink.active{color:rgb(255, 255, 255);}
:root[data-theme=classic] .searchbox{background:rgb(240, 216, 220);}
:root[data-theme=classic] .shopper-price{background:rgb(186, 203, 208);color:rgb(37, 48, 57);}
:root[data-theme=classic] .searchbox .primary{background:rgb(174, 37, 59);color:rgb(255, 255, 255);}
:root[data-theme=classic] .searchbox{border-color:rgb(195, 121, 135)}
:root[data-theme=classic] :is(.searchbox textarea,.searchbox textarea::placeholder,.searchbox>svg,.mobile-search-label,.context-caption){color:rgb(52, 33, 40)}
:root[data-theme=classic] .sidebar .navlink.active{box-shadow:none;border-left-color:var(--red)}
:root[data-theme=dark] , :root[data-theme=dark] .myyard-vdp{--canvas:#15171b;--ink:#e6eaf0;--muted:#a7b3c3;--price-bg:#293833;--price-line:#557467;--record-alt:#2b3947;--record-bg:#26313d;--record-heading:#35495b;--record-row:#26313d;--surface:#22262c;}
:root[data-theme=dark] .sidebar{background:rgb(27, 30, 35);color:rgb(230, 234, 240);}
:root[data-theme=dark] .topbar{background:rgb(27, 30, 35);color:rgb(230, 234, 240);}
:root[data-theme=dark] .sidebar .navlink.active{background:rgb(53, 75, 91);}
:root[data-theme=dark] .sidebar .navlink.active{color:rgb(240, 244, 248);}
:root[data-theme=dark] .searchbox{background:rgb(231, 185, 193);}
:root[data-theme=dark] .shopper-price{background:rgb(48, 66, 77);color:rgb(230, 234, 240);}
:root[data-theme=dark] .searchbox .primary{background:rgb(174, 37, 59);color:rgb(255, 255, 255);}
:root[data-theme=dark] .searchbox{border-color:rgb(240, 206, 212)}
:root[data-theme=dark] :is(.searchbox textarea,.searchbox textarea::placeholder,.searchbox>svg,.mobile-search-label,.context-caption){color:rgb(50, 32, 39)}
:root[data-theme=dark] .sidebar .navlink.active{box-shadow:none;border-left-color:var(--red)}
:root[data-theme=clarity] , :root[data-theme=clarity] .myyard-vdp{--canvas:#f7f9fc;--ink:#172b45;--muted:#526174;--price-bg:#c9d6cd;--price-line:#8ca599;--record-alt:#c1ced2;--record-bg:#cad4d7;--record-heading:#b8c9d0;--record-row:#d3dcdd;--surface:#fff;}
:root[data-theme=clarity] .sidebar{background:rgb(30, 41, 59);color:rgb(255, 244, 246);}
:root[data-theme=clarity] .topbar{background:rgb(30, 41, 59);color:rgb(255, 244, 246);}
:root[data-theme=clarity] .sidebar .navlink.active{background:rgb(51, 75, 107);}
:root[data-theme=clarity] .sidebar .navlink.active{color:rgb(226, 232, 240);}
:root[data-theme=clarity] .searchbox{background:rgb(240, 216, 220);}
:root[data-theme=clarity] .shopper-price{background:rgb(241, 245, 249);color:rgb(23, 43, 69);}
:root[data-theme=clarity] .searchbox .primary{background:rgb(174, 37, 59);color:rgb(255, 255, 255);}
:root[data-theme=clarity] .searchbox{border-color:rgb(195, 121, 135)}
:root[data-theme=clarity] :is(.searchbox textarea,.searchbox textarea::placeholder,.searchbox>svg,.mobile-search-label,.context-caption){color:rgb(52, 33, 40)}
:root[data-theme=clarity] .sidebar .navlink.active{box-shadow:none;border-left-color:var(--red)}
:root[data-theme=maroon] , :root[data-theme=maroon] .myyard-vdp{--canvas:#3c0008;--ink:#30232a;--muted:#67545c;--price-bg:#c9d6cd;--price-line:#8ca599;--record-alt:#c1ced2;--record-bg:#cad4d7;--record-heading:#b8c9d0;--record-row:#d3dcdd;--surface:#fffafb;}
:root[data-theme=maroon] .sidebar{background:rgb(82, 9, 18);color:rgb(255, 244, 246);}
:root[data-theme=maroon] .topbar{background:rgb(82, 9, 18);color:rgb(255, 244, 246);}
:root[data-theme=maroon] .sidebar .navlink.active{background:rgb(104, 23, 33);}
:root[data-theme=maroon] .sidebar .navlink.active{color:rgb(226, 232, 240);}
:root[data-theme=maroon] .searchbox{background:rgb(240, 216, 220);}
:root[data-theme=maroon] .shopper-price{background:rgb(243, 226, 229);color:rgb(48, 35, 42);}
:root[data-theme=maroon] .searchbox .primary{background:rgb(174, 37, 59);color:rgb(255, 255, 255);}
:root[data-theme=maroon] .searchbox{border-color:rgb(195, 121, 135)}
:root[data-theme=maroon] :is(.searchbox textarea,.searchbox textarea::placeholder,.searchbox>svg,.mobile-search-label,.context-caption){color:rgb(52, 33, 40)}
:root[data-theme=maroon] .sidebar .navlink.active{box-shadow:none;border-left-color:var(--red)}
:root[data-theme=camo] , :root[data-theme=camo] .myyard-vdp{--canvas:#eae6d2;--ink:#121a1b;--muted:#505039;--price-bg:#d9dfcd;--price-line:#797b58;--record-alt:#dedfc5;--record-bg:#e2dfc6;--record-heading:#c9cc9c;--record-row:#f5f2e4;--surface:#f5f2e4;}
:root[data-theme=camo] .sidebar{background:rgb(73, 89, 44);color:rgb(234, 230, 210);}
:root[data-theme=camo] .topbar{background:rgb(80, 80, 57);color:rgb(245, 242, 228);}
:root[data-theme=camo] .sidebar .navlink.active{background:rgb(48, 62, 35);}
:root[data-theme=camo] .sidebar .navlink.active{color:rgb(245, 242, 228);}
:root[data-theme=camo] .searchbox{background:rgb(245, 242, 228);}
:root[data-theme=camo] .shopper-price{background:rgb(222, 223, 197);color:rgb(18, 26, 27);}
:root[data-theme=camo] .searchbox .primary{background:rgb(174, 37, 59);color:rgb(255, 255, 255);}
:root[data-theme=camo] .searchbox{border-color:rgb(167, 170, 99)}
:root[data-theme=camo] :is(.searchbox textarea,.searchbox textarea::placeholder,.searchbox>svg,.mobile-search-label,.context-caption){color:rgb(18, 26, 27)}
:root[data-theme=camo] .sidebar .navlink.active{box-shadow:none;border-left-color:var(--red)}

:root[data-theme=camo] .sidebar :is(.brand span,.navlink,.side-note){color:#eae6d2}
:root[data-theme=camo] .sidebar .navlink.active{color:#f5f2e4;outline:1px solid #a7aa63;outline-offset:-1px}
:root[data-theme=camo] .sidebar .navlink:hover{background:#3b4b28;color:#f5f2e4}
:root[data-theme=camo] .scope-switch{background:#eae6d2;border-color:#a7aa63}
:root[data-theme=camo] .header-filter{background:#eae6d2;border-color:#a7aa63}
:root[data-theme=camo] .snapshot-notice{background:#dedfc5;color:#505039;border-color:#797b58}
:root[data-theme=camo] .shopper-price{border-color:#797b58}
:root[data-theme=camo] .chips button.active{background:#a7aa63;color:#121a1b;border-color:#797b58}
:root[data-theme=maroon] .main{background:var(--canvas)}
:root[data-theme=maroon] :is(.results-head,.try-searches,.footer-note,.shopping-scope,.search-summary-heading){color:#fff4f6}
@media(max-width:700px){#app:has(.myyard-vdp) .topbar{grid-template-columns:72px minmax(0,1fr)}}
:root[data-theme=camo] .sidebar .side-note strong{color:#eae6d2}
/* Photo controls use a fixed contrast pair over any vehicle image/theme. */
:root[data-theme] .myyard-vdp .photo-nav,
:root[data-theme] .myyard-vdp .market-photo-controls button{
 background:#ffffff;color:#17212b;border:1px solid #59636e;
 box-shadow:0 2px 8px #0005;min-width:44px;min-height:44px;opacity:1;
}
:root[data-theme] .myyard-vdp .photo-nav svg,
:root[data-theme] .myyard-vdp .market-photo-controls button svg{color:#17212b;stroke:#17212b;stroke-width:2.5}
:root[data-theme] .myyard-vdp .photo-nav:hover,
:root[data-theme] .myyard-vdp .market-photo-controls button:hover{background:#e8edf2}
:root[data-theme] .myyard-vdp .photo-nav:focus-visible,
:root[data-theme] .myyard-vdp .market-photo-controls button:focus-visible{outline:3px solid #17212b;outline-offset:3px;box-shadow:0 0 0 6px #fff}
:root[data-theme] .myyard-vdp .photo-nav:disabled{opacity:.5;cursor:default}
/* Maroon: distinguish text on the dark canvas from text on light cards. */
:root[data-theme=maroon] .main :is(.toolbar h2,.toolbar h2 .muted,.footer-note,.footer-note span){color:#fff4f6}
:root[data-theme=maroon] .try-searches{color:#fff4f6}
:root[data-theme=maroon] .try-searches button{color:#30232a}
:root[data-theme=maroon] .chips .chip.active{background:#681721;border-color:#d3a4ab;color:#fff4f6}
:root[data-theme=maroon] .main>.shopping-scope,
:root[data-theme=maroon] #content>.shopping-scope,
:root[data-theme=maroon] #content>.shopping-scope .shopping-location-link{color:#fff4f6}
:root[data-theme=maroon] .shopping-summary :is(.search-summary-heading,.shopping-scope,.shopping-location-link){color:#30232a}
:root[data-theme=maroon] .sidebar .side-note strong{color:#fff4f6}
:root[data-theme=maroon] .myyard-vdp .vdp-back{color:#67545c}
@media(max-width:700px){
 :root[data-theme=maroon] #app:is([data-page=discover],[data-page=saved],[data-page=recent]) .card{background:#fffafb;color:#30232a}
 :root[data-theme=maroon] #app .grid .cardinfo,:root[data-theme=maroon] #app .grid .dealer-row{background:#fffafb;color:#30232a}
}