/* Shared navigation + accessibility and theme contrast for VehicleWiseHub V11 */
:root{--vw-bg:#061827;--vw-surface:#0c2b43;--vw-panel:#0d2e47;--vw-text:#eff9ff;--vw-muted:#b3ccdc;--vw-border:#246a8a;--vw-accent:#86f34e;--vw-cyan:#60def9}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:90px}body{overflow-x:hidden}
.vwh-legacy-header{display:none!important}
body>.vwh-topbar{position:sticky!important;top:0;z-index:999;display:block!important;width:100%;height:auto;min-height:75px;background:rgba(5,21,36,.97)!important;color:#f1f9ff!important;border:0;border-bottom:1px solid rgba(49,177,224,.48);box-shadow:0 12px 28px rgba(0,0,0,.22);backdrop-filter:blur(18px);padding:0 18px!important;margin:0!important;max-width:none!important;overflow:visible;font:600 15px/1.4 system-ui,-apple-system,sans-serif}
.vwh-topbar .vwh-topbar-inner{max-width:1500px;margin:auto;display:flex;align-items:center;gap:clamp(12px,1.7vw,27px);min-height:74px}
.vwh-topbar .vwh-brand{display:flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none!important;color:#fff!important;margin-right:auto;min-width:0;padding:8px 0}
.vwh-brand-mark{width:73px;height:34px;display:block;flex:none;object-fit:contain}
.vwh-brand-name{font-size:clamp(18px,1.9vw,25px);font-weight:950;letter-spacing:-.055em;font-style:italic;line-height:1}
.vwh-brand-name em{font-style:inherit;color:#91f34f}
.vwh-topbar .vwh-global-nav{display:flex;align-items:center;justify-content:center;gap:clamp(2px,.7vw,13px);flex-wrap:nowrap;min-width:0;order:1;margin:0;padding:0}
.vwh-topbar .vwh-global-nav a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none!important;font-family:inherit;font-size:clamp(12px,1vw,14px);font-weight:750;line-height:1.2;padding:11px 13px;border-radius:999px;color:#d1e7f2!important;border:1px solid transparent;transition:.2s background,.2s border,.2s color}
.vwh-global-nav a:hover,.vwh-global-nav a:focus-visible{background:#124363;color:#fff!important;border-color:#3198c8!important}
.vwh-topbar .vwh-global-nav a.vwh-nav-current{background:linear-gradient(135deg,#adff61,#65ed4d)!important;color:#09231d!important;border-color:#8af24e!important;box-shadow:0 0 20px rgba(123,255,77,.24)}
.vwh-topbar-controls{display:flex;align-items:center;gap:8px;order:2;flex:none}
.vwh-topbar .mm-theme-control{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;position:static!important;margin:0!important;border:1px solid #348eb8!important;border-radius:99px!important;background:#0c324c!important;color:#e5faff!important;cursor:pointer!important;padding:9px!important;font-size:18px!important;box-shadow:none!important}
.vwh-topbar .mm-theme-control svg{width:22px!important;height:22px!important;display:block}
.vwh-topbar .vwh-mobile-menu{display:none;background:#0d3954;color:#e9f8ff;border:1px solid #317fa7;border-radius:12px;padding:8px 14px;min-width:43px;min-height:43px;font-size:20px;cursor:pointer}
.vwh-topbar :is(a,button):focus-visible{outline:3px solid #70e9ff;outline-offset:3px}
body[data-mm-page="inspector"] .pi-breadcrumb{margin:22px 0 23px;padding:12px 16px;border:1px solid rgba(86,170,207,.29);border-radius:13px;background:#0a263b;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#afd5e7;font-size:13px!important}
body[data-mm-page="inspector"] .pi-breadcrumb a{color:#7ee9ff;text-decoration:none}
body[data-mm-page="inspector"] .pi-breadcrumb a:hover{text-decoration:underline}
/* Inspector link/input contrast explicitly scoped for both states */
body[data-mm-page="inspector"] .pi-panel :is(select,input,textarea){min-height:46px}
body[data-mm-page="inspector"] .pi-panel label{min-width:0}
.pi-part-showcase{margin:20px 0 8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pi-part-showcase figure{margin:0;border:1px solid #2b83a7;border-radius:14px;overflow:hidden;background:#09283b}
.pi-part-showcase img{display:block;width:100%;height:118px;object-fit:cover}
.pi-part-showcase figcaption{font-size:12px;font-weight:750;padding:10px 12px;color:#bddfed}
.pi-vehicle-fields{margin-top:15px}
.pi-vehicle-fields .pi-fields{margin:0 0 14px}
.pi-vehicle-fields small{display:block;margin-top:4px;color:#a3cce0}
.pi-inspection-guide{margin:18px 0;padding:16px 19px;background:#0b314a;border:1px solid #2e82aa;border-radius:16px}
.pi-inspection-guide h3{margin:0 0 8px;font-size:16px;color:#b4fc89}
.pi-inspection-guide p{font-size:13px;color:#c3dfeb;margin:0}
.pi-education-grid article img{width:100%;height:128px;object-fit:cover;border-radius:12px;margin-bottom:12px}
/* universal light mode, audit low contrast leftovers without losing selected-card visibility */
html[data-mm-theme=light] {--vw-bg:#f1f7fb;--vw-surface:#fff;--vw-panel:#f5fbff;--vw-text:#122e41;--vw-muted:#4a6678;--vw-border:#aacddd;--vw-accent:#176b44;--vw-cyan:#086f9b}
html[data-mm-theme=light] body>.vwh-topbar{background:rgba(246,251,255,.98)!important;color:#15364c!important;border-bottom-color:#bdd8e9;box-shadow:0 6px 24px rgba(20,60,92,.12)}
html[data-mm-theme=light] .vwh-brand-name{color:#173447!important}
html[data-mm-theme=light] .vwh-topbar .vwh-global-nav a{color:#20445c!important}
html[data-mm-theme=light] .vwh-topbar .vwh-global-nav a.vwh-nav-current{color:#10351d!important}
html[data-mm-theme=light] .vwh-topbar .mm-theme-control,html[data-mm-theme=light] .vwh-topbar .vwh-mobile-menu{background:#fff!important;color:#17445b!important;border-color:#a6c9dd!important}
html[data-mm-theme=light] body[data-mm-page="inspector"]{color:#17374e;background:#edf6fa}
html[data-mm-theme=light] body[data-mm-page="inspector"] .pi-breadcrumb{background:#fff;color:#45647a;border-color:#c1dae8}
html[data-mm-theme=light] body[data-mm-page="inspector"] .pi-breadcrumb a{color:#086b98}
html[data-mm-theme=light] body[data-mm-page="inspector"] :is(.pi-checklist,.pi-panel,.pi-result,.pi-education-grid article){color:#18364d!important;background:#fff!important;border-color:#b9d8e7!important}
html[data-mm-theme=light] body[data-mm-page="inspector"] :is(.pi-muted,.pi-drop small,.pi-measure p,.pi-education-grid article p,.pi-panel p,.pi-flag,.pi-report-section p){color:#476779!important}
html[data-mm-theme=light] body[data-mm-page="inspector"] :is(.pi-panel h2,.pi-panel h3,.pi-result h2,.pi-education h2,.pi-intro h1){color:#15354b!important}
html[data-mm-theme=light] body[data-mm-page="inspector"] :is(.pi-fields label,.pi-label,.pi-vehicle-fields small,.pi-part-showcase figcaption){color:#35566e!important}
html[data-mm-theme=light] body[data-mm-page="inspector"] :is(input,select,textarea){background:#f7fcff!important;color:#12374d!important;border-color:#aacddd!important}
html[data-mm-theme=light] body[data-mm-page="inspector"] :is(.pi-check,.pi-drop,.pi-inspection-guide,.pi-part-showcase figure,.pi-info){background:#f0f8fd!important;border-color:#b7d5e5!important;color:#17394d!important}
html[data-mm-theme=light] body[data-mm-page="inspector"] .pi-info.urgent{background:#fff0e9!important;border-color:#e4ad8b!important}
html[data-mm-theme=light] body[data-mm-page="inspector"] .pi-info.review{background:#fff9e4!important;border-color:#e5ce8a!important}
html[data-mm-theme=light] body[data-mm-page="inspector"] :is(.pi-outline,.pi-report-actions .pi-outline){background:#fff!important;color:#16537c!important;border-color:#90bbd4!important}
html[data-mm-theme=light] body[data-mm-page="inspector"] .pi-inspection-guide h3{color:#1e7055}
/* Fix generic article dark mode and light mode contrast */
html[data-mm-theme=dark] body:not([data-mm-page=inspector]) main :is(article,.notice,.panel) {border-color:var(--vw-border)}
html[data-mm-theme=light] body :is(.vwh-chat-message,.vwh-chat-head,.vwh-chat-disclaimer,.vwh-chat-input){color:#173a50}
html[data-mm-theme=light] .vwh-chat-head{color:#fff!important}
html[data-mm-theme=light] .vwh-chat-head :is(strong,small){color:#fff!important}
html[data-mm-theme=light] .vwh-chat-disclaimer{color:#4b687b!important}
/* Explicit page link targets */
a[href^="mailto:"],a[href^="tel:"]{overflow-wrap:anywhere}
@media(max-width:1040px){
 .vwh-topbar .vwh-topbar-inner{gap:8px}
 .vwh-topbar .vwh-global-nav a{padding:10px 8px}
 .vwh-brand-mark{width:56px}
}
@media(max-width:880px){
 .vwh-topbar .vwh-brand{margin-right:auto}
 .vwh-topbar .vwh-mobile-menu{display:grid;place-items:center;order:0}
 .vwh-topbar .vwh-global-nav{display:none!important;position:absolute;left:12px;right:12px;top:calc(100% + 6px);background:#09253b;border:1px solid #2e8cbb;border-radius:18px;padding:14px!important;box-shadow:0 20px 36px rgba(0,0,0,.4);flex-direction:column;align-items:stretch;gap:5px}
 .vwh-topbar .vwh-global-nav.vwh-nav-open{display:flex!important}
 .vwh-topbar .vwh-global-nav a{font-size:15px;text-align:left;justify-content:flex-start;padding:13px 14px}
 html[data-mm-theme=light] .vwh-topbar .vwh-global-nav{background:#fff;border-color:#c2dcea}
 .pi-part-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:520px){
 .vwh-brand-name{font-size:18px}
 .vwh-brand-mark{width:46px}
 body>.vwh-topbar{padding:0 10px!important}
 .pi-part-showcase{grid-template-columns:1fr 1fr}
 .pi-part-showcase figure:last-child{display:none}
 .pi-part-showcase img{height:100px}
}
@media print{body>.vwh-topbar{display:none!important}}
/* Show exactly one theme glyph in exactly one theme button */
.vwh-topbar .mm-theme-control .mm-moon{display:block!important}
.vwh-topbar .mm-theme-control .mm-sun{display:none!important}
html[data-mm-theme="light"] .vwh-topbar .mm-theme-control .mm-moon{display:none!important}
html[data-mm-theme="light"] .vwh-topbar .mm-theme-control .mm-sun{display:block!important}
/* explicit nav color even if inherited legacy link treatments remain */
html[data-mm-theme="dark"] body>.vwh-topbar .vwh-global-nav a:not(.vwh-nav-current){color:#eaf7ff!important;text-shadow:none!important;opacity:1!important}
html[data-mm-theme="light"] body>.vwh-topbar .vwh-global-nav a:not(.vwh-nav-current){color:#19445c!important;text-shadow:none!important;opacity:1!important}
.vwh-topbar .vwh-tools-menu{display:none;border:1px solid #3c8bae;background:#0b3b55;color:#f4fbff;border-radius:12px;font-size:13px;font-weight:800;padding:10px;cursor:pointer;white-space:nowrap}
html[data-mm-theme="light"] .vwh-topbar .vwh-tools-menu{color:#173b55;background:#fff;border-color:#bed8e4}
@media(max-width:1150px){body[data-mm-page="suite"] .vwh-topbar .vwh-tools-menu{display:inline-flex}}
@media(max-width:470px){.vwh-topbar .vwh-tools-menu{padding:9px 6px;font-size:12px}.vwh-topbar .vwh-brand-mark{display:none}.vwh-topbar .vwh-brand-name{font-size:17px}}
html[data-mm-theme="light"] body>.vwh-topbar .vwh-global-nav a:not(.vwh-nav-current){-webkit-text-fill-color:#12394f!important;color:#12394f!important;font-weight:850!important}
html[data-mm-theme="dark"] body>.vwh-topbar .vwh-global-nav a:not(.vwh-nav-current){-webkit-text-fill-color:#edfaff!important;color:#edfaff!important;font-weight:850!important}
html[data-mm-theme="light"] body>.vwh-topbar .vwh-global-nav a.vwh-nav-current{-webkit-text-fill-color:#092919!important}