/* VehicleWiseHub V12 | shared readability, scroller and tool workflows */
html{scroll-padding-top:88px}*,*::before,*::after{box-sizing:border-box}body{overflow-x:hidden}
.vwh-topbar .vwh-topbar-inner{max-width:1550px;gap:clamp(12px,2vw,34px);justify-content:space-between}
.vwh-topbar .vwh-brand{flex:0 0 auto;margin-right:0;padding:15px 0}
.vwh-topbar .vwh-brand-mark{display:none!important}
.vwh-topbar .vwh-brand-name{position:relative;font-size:clamp(21px,2vw,30px);font-style:italic;font-weight:950;letter-spacing:-.055em;color:#f8fcff;text-shadow:none}
.vwh-topbar .vwh-brand-name:after{content:"";position:absolute;left:4%;bottom:-8px;width:60%;height:3px;background:linear-gradient(90deg,#47d8f8,#80fa51);border-radius:5px;opacity:.9}
.vwh-topbar .vwh-global-nav{flex:1;display:flex;justify-content:center;align-items:center;gap:clamp(0px,.35vw,8px)}
.vwh-topbar .vwh-global-nav a{font-size:clamp(12px,.94vw,14px);padding:12px clamp(8px,1vw,15px);color:#eaf7ff!important}
.v12-nav-tools{position:relative;display:flex;align-items:center;border-radius:18px}
.v12-tools-caret{border:1px solid #327da2;border-radius:100%;width:25px;height:25px;padding:0;background:#12374d;color:#e8faff;font-size:17px;cursor:pointer;margin-left:-4px;flex:none}
.v12-tools-flyout{position:absolute;z-index:1400;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:340px;max-height:min(65vh,560px);overflow-y:auto;display:grid!important;grid-template-columns:1fr 1fr;gap:3px;padding:12px;background:#09283e;border:1px solid #3e93be;border-radius:17px;box-shadow:0 22px 55px #0009}
.v12-tools-flyout[hidden]{display:none!important}
.vwh-topbar .v12-tools-flyout a{white-space:normal;text-align:left;justify-content:flex-start;padding:11px;border-radius:10px;font-size:13px;line-height:1.3;color:#effaff!important}
.vwh-topbar .v12-tools-flyout a:hover{background:#155577!important}
html[data-mm-theme=light] .v12-tools-flyout{background:#fff;border-color:#b1d4e4;box-shadow:0 18px 40px #1233}
html[data-mm-theme=light] .vwh-topbar .v12-tools-flyout a{color:#123e59!important}
html[data-mm-theme=light] .v12-tools-caret{background:#f8fdff;color:#11435d;border-color:#adcfe0}
.vwh-topbar .mm-theme-control{margin-left:auto!important}
/* Search results must be scrollable, not cut by hero or overlay cards */
body[data-mm-page=home] .hero,body[data-mm-page=home] .hero-text,body[data-mm-page=home] main{overflow:visible!important}
.vwh-search{position:relative;z-index:150!important;isolation:isolate;max-width:680px}
.vwh-results{z-index:3000!important;max-height:min(47vh,395px);overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;box-shadow:0 22px 64px rgba(0,0,0,.65);border:1px solid #59c5f4}
.vwh-results a{min-height:63px;align-items:center}.vwh-results a small{font-size:12px;line-height:1.4;white-space:normal}
.vwh-search input{width:100%;min-height:56px;padding-right:52px;color:#f8ffff;background:#07253a;border:1px solid #55b4dd}
.vwh-search input::placeholder{color:#adcbdc}
/* Home modules: prioritize functionality and visible descriptions */
body[data-mm-page=home] .toolrail{overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:15px!important;scroll-snap-type:x mandatory!important;padding:12px 12px 22px!important;scrollbar-width:thin;scrollbar-color:#198ebd #0c2e42}
body[data-mm-page=home] .toolrail>.tool-tile{flex:0 0 230px!important;min-width:230px!important;width:230px!important;height:215px!important;min-height:215px!important;max-width:none!important;scroll-snap-align:start;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding:0!important;position:relative!important;border-radius:18px!important}
body[data-mm-page=home] .toolrail>.tool-tile .tool-name,body[data-mm-page=home] .toolrail>.tool-tile .tool-desc{position:relative!important;z-index:3;display:block!important;text-align:left!important;width:auto!important;margin:0 15px!important;left:auto!important;top:auto!important;right:auto!important;transform:none!important;text-shadow:0 2px 8px #000}
body[data-mm-page=home] .toolrail>.tool-tile .tool-name{font-size:20px!important;line-height:1.25!important;margin-bottom:4px!important}
body[data-mm-page=home] .toolrail>.tool-tile .tool-desc{font-size:12px!important;line-height:1.35!important;margin-bottom:18px!important;padding:0!important;max-width:175px;color:#ebf6fc!important}
body[data-mm-page=home] .toolrail>.tool-tile .tool-arrow{position:absolute!important;z-index:4;right:12px!important;bottom:13px!important;left:auto!important;top:auto!important;transform:none!important;margin:0!important;width:35px!important;height:35px!important;display:grid!important;place-items:center!important}
body[data-mm-page=home] .toolrail>.tool-tile>img.tool-thumb{position:absolute!important;z-index:0;inset:0;width:100%!important;height:100%!important;object-fit:cover!important}
body[data-mm-page=home] .toolrail>.tool-tile:after{content:"";position:absolute!important;z-index:1;inset:0;background:linear-gradient(180deg,rgba(1,16,28,.03) 0%,rgba(3,15,25,.16) 30%,rgba(3,16,30,.96) 100%)!important}
.vwh-tools-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.vwh-tools-head>div:first-child{display:grid;gap:2px}.vwh-tools-head strong{font-size:23px}.vwh-tools-head small{font-size:12px;color:#6de9ff;letter-spacing:.07em;text-transform:uppercase}
/* Keep floating assistant from covering active form controls */
.vwh-chat{right:18px!important;bottom:18px!important}.vwh-chat-toggle{min-height:42px!important;padding:9px 13px!important;font-size:13px!important}
/* Shared panels, input focus and readable labels */
:where(.panel,.studio-controls,.pi-panel){min-width:0;overflow-wrap:break-word}
:where(input,textarea,select,button):focus-visible{outline:2px solid #52dbf9!important;outline-offset:3px}
:where(.panel,.studio-controls,.pi-panel) :is(label,.field,.pi-label){overflow-wrap:anywhere}
/* Studio UI: preserve readable budget and show finishes visually */
body[data-mm-page=studio] .studio-cost{display:grid!important;grid-template-columns:minmax(180px,1.1fr) minmax(125px,.8fr) minmax(125px,.8fr)!important;gap:14px!important;align-items:center!important;border:1px solid #306d8c;border-radius:16px;padding:17px!important;margin-top:15px!important}
body[data-mm-page=studio] .studio-cost>div{min-width:0}body[data-mm-page=studio] .studio-cost :is(strong,small){display:block;white-space:normal!important}
body[data-mm-page=studio] .studio-cost .budget-input{display:flex!important;flex-direction:column;gap:6px;min-width:0;line-height:1.35}
body[data-mm-page=studio] .studio-cost .budget-input :is(input,select){width:100%;min-width:0;max-width:100%}
body[data-mm-page=studio] .studio-controls .wrap-grid button,body[data-mm-page=studio] .studio-controls .finish-grid button{min-height:100px!important;padding:9px!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px;background:#0a2f49!important;color:#f7faff!important;font-size:13px!important;line-height:1.2;text-shadow:none!important}
.v12-sample{display:block;width:100%;height:46px;flex:none;border-radius:10px;border:1px solid #ffffff30;background:linear-gradient(130deg,#21465d,#b3e0ea 45%,#204057)}
.v12-finish-gloss{background:linear-gradient(135deg,#061927 0%,#145a89 35%,#b9faff 45%,#103d61 54%,#06253d 100%)}
.v12-finish-matte{background:linear-gradient(130deg,#1e3443,#435766)}
.v12-finish-satin{background:linear-gradient(125deg,#0d2637,#879eab 50%,#1c4358)}
.v12-finish-metallic{background:repeating-linear-gradient(115deg,#355d77 0,#b7d3e5 3px,#3e6c87 7px)}
.v12-finish-pearl{background:linear-gradient(130deg,#daeaff,#faf9ff 45%,#b0e4e3 72%,#a9bbde)}
.v12-wrap-racing{background:linear-gradient(135deg,#121b29 0 28%,#7cf34d 29% 46%,#121b29 47% 64%,#7cf34d 65% 75%,#101c2c 76%)}
.v12-wrap-geometric{background:linear-gradient(140deg,#0b192c 34%,#75f34e 35% 52%,#123459 53%),linear-gradient(50deg,#266c8f,#102537)}
.v12-wrap-camo{background:radial-gradient(ellipse at 20% 30%,#8bee60 0 20%,transparent 21%),radial-gradient(ellipse at 70% 60%,#43664e 0 25%,transparent 26%),#1c3036}
.v12-wrap-matte{background:linear-gradient(130deg,#0a0e14,#2d3948 60%,#0c131e)}
.v12-wrap-carbon{background:repeating-linear-gradient(45deg,#111924,#111924 4px,#2a3d4b 5px,#2a3d4b 8px)}
.v12-custom-color{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0 0;padding:12px;border:1px solid #2f7697;border-radius:14px;color:#b5dce9}
.v12-custom-color input{width:68px!important;height:43px!important;min-height:43px!important;padding:3px!important}
/* Suite tools layout and access */
body[data-mm-page=suite] .sidebar{scrollbar-width:thin;scrollbar-color:#3981a4 transparent}
body[data-mm-page=suite] #suiteNav a{color:#e5f4ff!important}
body[data-mm-page=suite] .sidebar-note a{color:#a5f6bc!important;text-decoration:underline}
.v12-highlight-link{display:flex!important;gap:11px;align-items:center;padding:12px!important;margin:10px 0;border:1px solid #4bdde7;border-radius:13px;color:#eaffff!important;font-weight:800;background:#0d3c50}
.v12-how{border:1px solid #328ba9;background:linear-gradient(135deg,#0d3d53,#0a253b);padding:21px;border-radius:20px;margin:0 0 20px}
.v12-how h2{font-size:22px;margin:0 0 8px}.v12-how p{font-size:14px;color:#c2dce8;line-height:1.65;margin:4px 0}
.v12-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.v12-steps>div{background:#0a273c;border:1px solid #286f91;padding:14px;border-radius:14px}
.v12-steps img{width:100%;height:100px;object-fit:cover;border-radius:10px;margin-bottom:9px}
.v12-steps strong{display:block;color:#eaf9ff;margin:0 0 4px}.v12-steps small{display:block;color:#b8d3e0;line-height:1.45}
.v12-health-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}
.v12-health-tips a{display:block;border-radius:12px;padding:12px;background:#0c3850;border:1px solid #3c94ab;color:#a8f6fb;font-size:14px}
.v12-quick-status{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.v12-quick-status button{border:1px solid #347fa4;background:#0b304a;color:#e9faff;border-radius:9px;padding:5px 9px;font-size:11px}
.v12-quick-status button.is-selected{border-color:#98f865;background:#1c503e;color:white}
.v12-buyer-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:15px 0}
.v12-buyer-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#c5e1ef}
.v12-buyer-form :is(input,select){width:100%;min-width:0;padding:12px;border:1px solid #377da1;border-radius:10px;background:#09273a;color:#fff}
.v12-results{margin-top:15px;padding:16px;border:1px solid #338fae;background:#0a283f;border-radius:14px;color:#e5f6ff}
.v12-results a{color:#89eaff;text-decoration:underline}
.v12-buy-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v12-buy-checklist article{background:#0a293e;border:1px solid #2c7b9a;border-radius:13px;overflow:hidden}
.v12-buy-checklist img{width:100%;height:115px;object-fit:cover;display:block}
.v12-buy-checklist div{padding:12px}.v12-buy-checklist strong{display:block;margin-bottom:6px}.v12-buy-checklist p{font-size:12px;color:#b5d1df;margin:0;line-height:1.55}
.v12-location-tools{padding:16px;margin:15px 0;background:#0a2b41;border:1px solid #367e9e;border-radius:16px}
.v12-location-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.v12-location-tools button{background:#134761;color:#f1fbff;border:1px solid #4eabd0;padding:10px 13px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer}
.v12-location-tools #v12MapStatus{font-size:13px;color:#c4e0ea;margin-top:10px;min-height:20px}
.v12-location-map{height:300px;width:100%;background:linear-gradient(145deg,#0c3850,#071927);border:1px solid #3b86ad;border-radius:13px;overflow:hidden;margin-top:8px}
/* Fix light-mode unreadable navigation, links, text and fields */
html[data-mm-theme=light] body{color:#13384f}
html[data-mm-theme=light] body[data-mm-page=suite] :is(.shell,.main,#suitePage){color:#13384f}
html[data-mm-theme=light] body[data-mm-page=suite] :is(.sidebar,#sideNav){background:#e1f0f9!important;color:#173f57!important}
html[data-mm-theme=light] body[data-mm-page=suite] #suiteNav a{color:#17405c!important}
html[data-mm-theme=light] body[data-mm-page=suite] #suiteNav a.current{background:#c6e8f8!important;color:#0e4262!important;border-color:#6fbde4!important}
html[data-mm-theme=light] body[data-mm-page=suite] .sidebar-note{color:#3c5f76!important}
html[data-mm-theme=light] body[data-mm-page=suite] .sidebar-note a{color:#086a85!important}
html[data-mm-theme=light] body .v12-how,html[data-mm-theme=light] body .v12-location-tools{background:#fff;color:#143d54;border-color:#bad7e7}
html[data-mm-theme=light] body .v12-how :is(h2,h3),html[data-mm-theme=light] body .v12-steps strong{color:#143d54}
html[data-mm-theme=light] body .v12-how p,html[data-mm-theme=light] body .v12-steps small{color:#43697b}
html[data-mm-theme=light] body .v12-steps>div,html[data-mm-theme=light] body .v12-buy-checklist article{background:#f5fbff;border-color:#bfdbea;color:#17384e}
html[data-mm-theme=light] body .v12-health-tips a{color:#065777;background:#ecf7fc;border-color:#b5d7e5}
html[data-mm-theme=light] body .v12-quick-status button{background:#eff8fd;color:#19455e;border-color:#b5d5e6}
html[data-mm-theme=light] body .v12-quick-status button.is-selected{background:#d4f4de;color:#12613b}
html[data-mm-theme=light] body .v12-buyer-form label{color:#25516d}
html[data-mm-theme=light] body .v12-buyer-form :is(input,select){color:#173c54;background:#f9fcff;border-color:#9dc9dd}
html[data-mm-theme=light] body .v12-results{background:#f0f9ff;color:#214a61;border-color:#b3d9e8}
html[data-mm-theme=light] body .v12-results a{color:#06688e}
html[data-mm-theme=light] body .v12-buy-checklist p{color:#426778}
html[data-mm-theme=light] body .v12-location-tools #v12MapStatus{color:#47677b}
html[data-mm-theme=light] body[data-mm-page=studio] .studio-cost{color:#173b51!important;background:#f5fbff!important;border-color:#b4d5e7!important}
html[data-mm-theme=light] body[data-mm-page=studio] .studio-controls .wrap-grid button,html[data-mm-theme=light] body[data-mm-page=studio] .studio-controls .finish-grid button{color:#173a51!important;background:#f1f9fd!important;border-color:#a7cde2!important}
html[data-mm-theme=light] body[data-mm-page=studio] .v12-custom-color{background:#f0f8fe;color:#245570}
html[data-mm-theme=light] body[data-mm-page=home] .vwh-results{background:#fff!important;box-shadow:0 22px 44px #1234}
html[data-mm-theme=light] body[data-mm-page=home] .vwh-results a{color:#163e57!important}
.v12-about{max-width:1050px;margin:36px auto;padding:40px;border:1px solid #398fb3;border-radius:23px;background:#0b2a3e;color:#eaf8ff;line-height:1.75}
.v12-about h1{font-size:clamp(34px,4vw,55px);line-height:1.1}.v12-about h2{margin-top:29px}.v12-about a{color:#8ceafb}
html[data-mm-theme=light] .v12-about{background:#fff;color:#133951;border-color:#b6d6e5}html[data-mm-theme=light] .v12-about a{color:#096aa2}
@media(max-width:1200px){.vwh-topbar .vwh-global-nav a{padding:10px 7px}.vwh-topbar .vwh-topbar-inner{gap:8px}}
@media(max-width:980px){.vwh-topbar .vwh-mobile-menu{display:grid;place-items:center}.vwh-topbar .vwh-global-nav{display:none!important;position:absolute!important;left:12px;right:12px;top:calc(100% + 5px);background:#0a293e;border:1px solid #2b86ad;border-radius:17px;padding:12px;box-shadow:0 22px 42px #0009;max-height:80vh;overflow:auto;flex-direction:column;align-items:stretch}.vwh-topbar .vwh-global-nav.vwh-nav-open{display:flex!important}.v12-nav-tools{display:block}.v12-tools-caret{position:absolute;right:6px;top:7px;width:34px;height:34px}.v12-tools-flyout{position:static!important;transform:none;width:100%;max-height:280px;box-shadow:none;margin-top:7px}.v12-buy-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.v12-steps,.v12-buy-checklist,.v12-buyer-form{grid-template-columns:1fr 1fr}.v12-health-tips{grid-template-columns:1fr}body[data-mm-page=studio] .studio-cost{grid-template-columns:1fr!important;gap:12px!important}body[data-mm-page=home] .toolrail>.tool-tile{flex-basis:220px!important;width:220px!important;min-width:220px!important}}
@media(max-width:460px){.v12-steps,.v12-buy-checklist,.v12-buyer-form{grid-template-columns:1fr}.v12-location-map{height:260px}.v12-tools-flyout{grid-template-columns:1fr}.v12-about{padding:20px}}
/* V12 contrast hardening of legacy controls across light and dark palettes */
html[data-mm-theme=light] body :is(.panel,.studio-controls,.pi-panel) :is(input,select,textarea){background:#f8fcff!important;color:#17374c!important;border:1px solid #9ac5dd!important;opacity:1!important}
html[data-mm-theme=light] body :is(input,textarea)::placeholder{color:#526f80!important;opacity:1!important}
html[data-mm-theme=light] body .pi-fields :is(input,select,textarea){background:#f8fcff!important;color:#173a52!important;border-color:#a2cbdc!important}
html[data-mm-theme=light] body #piOtherModel{background:#faffff!important;color:#153c53!important}
html[data-mm-theme=dark] body :is(input,textarea)::placeholder{color:#a8c4d5!important;opacity:1!important}
html[data-mm-theme=light] body[data-mm-page=studio] .studio-controls :is(.studio-warning,.studio-cost small,.budget-input){color:#345970!important}
html[data-mm-theme=light] body[data-mm-page=studio] .studio-cost strong{color:#183c55!important}
html[data-mm-theme=light] body[data-mm-page=suite] :is(.sidebar-note,.sidebar-note p){color:#345c75!important}
html[data-mm-theme=light] body[data-mm-page=suite] :is(.sidebar-note a,.sidebar-note a:visited){color:#075c7f!important}
html[data-mm-theme=light] body[data-mm-page=suite] :is(.field label,.panel label,.checkitem label){color:#234b66!important}
html[data-mm-theme=light] body[data-mm-page=suite] :is(.panel p,.note,.panel small,.status){color:#3b6076!important}
html[data-mm-theme=light] body[data-mm-page=suite] :is(.panel h2,.panel h3,.checkitem strong){color:#15394f!important}
html[data-mm-theme=light] body[data-mm-page=suite] .v12-highlight-link{background:#e7f9ff!important;color:#164967!important;border-color:#5bafd3!important}
html[data-mm-theme=light] body[data-mm-page=suite] .v12-highlight-link small{color:#2c6c86!important}