/* MOTwise dashboard v2 — approved prototype alignment */
:root{--mw-navy:#061a3a;--mw-navy2:#0a2d59;--mw-blue:#075ce7;--mw-green:#078c46;--mw-gold:#f5b800;--mw-orange:#ff8a00;--mw-violet:#7047eb;--mw-teal:#0b8d8c;--mw-ink:#071a36;--mw-muted:#64748b;--mw-line:#d9e4f0;--mw-bg:#f4f7fb}
.v2-body{background:var(--mw-bg);color:var(--mw-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.v2-shell{grid-template-columns:246px minmax(0,1fr)!important}.v2-sidebar{background:linear-gradient(180deg,#051735 0%,#062346 100%)!important;padding:18px 14px!important;box-shadow:8px 0 30px rgba(2,20,45,.08)}
.v2-brand-row{margin-bottom:18px}.v2-brand{gap:10px!important}.v2-brand-mark{width:42px!important;height:46px!important;border:0!important;background:transparent!important;border-radius:0!important;display:grid!important;place-items:center}.v2-brand-mark svg{width:42px;height:46px}.v2-brand-copy strong{font-size:24px!important;letter-spacing:-.7px}.v2-brand-copy small{font-size:10px!important;color:#b9c8da!important}.v2-collapse-btn{display:none!important}
.v2-nav{gap:7px!important}.v2-nav-item{min-height:48px!important;border-radius:10px!important;padding:0 13px!important;gap:12px!important;font-size:13px!important;color:#edf5ff!important}.v2-nav-item.active{background:linear-gradient(90deg,#0e56af,#1268d6)!important;box-shadow:0 8px 18px rgba(4,79,175,.25)}.v2-nav-item>span:first-child{width:23px;height:23px;display:grid;place-items:center!important;flex:0 0 23px;color:#fff}.v2-nav-item svg{width:20px;height:20px;stroke:currentColor}.v2-nav-item b{font-weight:720!important}.v2-sidebar-bottom{gap:14px!important}.v2-premium-card,.v2-security-card{border:1px solid rgba(255,255,255,.13)!important;background:linear-gradient(150deg,rgba(16,61,105,.72),rgba(8,39,75,.86))!important;border-radius:12px!important}.v2-premium-card button{background:linear-gradient(90deg,#0877f8,#6035ed)!important;border:0!important;color:#fff!important;border-radius:7px!important;font-weight:800!important}
.v2-main-wrap{min-width:0}.v2-topbar{min-height:110px!important;padding:14px 28px!important;grid-template-columns:minmax(430px,.95fr) minmax(290px,.7fr) auto!important;gap:24px!important;border-bottom:1px solid #dce5ef!important;background:#fff!important;position:sticky;top:0;z-index:20}.v2-search{max-width:480px}.v2-search label{font-size:12px!important;font-weight:800!important}.v2-search-row{height:51px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 190px!important;gap:14px!important;position:relative}.v2-search-row:before{content:'🇬🇧\A GB';white-space:pre;position:absolute;left:0;top:0;bottom:0;width:43px;z-index:2;display:grid;place-items:center;text-align:center;font-size:9px;line-height:1.05;font-weight:900;color:#071a36;background:#f5b800;border-radius:8px 0 0 8px;border-right:1px solid #e2a900}.v2-search-row input{height:51px!important;padding-left:61px!important;background:#fff9df!important;border:1.5px solid #eeb400!important;border-radius:8px!important;font-size:24px!important;font-weight:900!important;letter-spacing:.08em!important;color:#111!important;text-transform:uppercase}.v2-search-row button{height:51px!important;border:0!important;border-radius:8px!important;background:linear-gradient(135deg,#06299e,#064bcf)!important;color:#fff!important;font-size:15px!important;font-weight:800!important;box-shadow:0 7px 15px rgba(5,61,180,.2)}.v2-search-row button svg{width:20px;height:20px;margin-right:8px;vertical-align:-4px}.v2-search small{font-size:10px!important;text-align:right!important;display:block!important;margin-top:5px!important;color:#4f6480!important}.v2-analysis-status{min-height:75px!important;border:1px solid #dbe6ef!important;border-radius:10px!important;box-shadow:0 4px 12px rgba(15,40,70,.04)!important;padding:12px 15px!important}.v2-status-icon{width:36px!important;height:36px!important;background:#0b963f!important;color:#fff!important;border-radius:50%!important;font-size:20px!important}.v2-analysis-status strong{font-size:13px!important}.v2-analysis-status small{font-size:10px!important}.v2-progress{height:5px!important;background:#0ca54b!important}.v2-top-actions{gap:22px!important}.v2-top-action{font-size:12px!important;color:#071a36!important}.v2-top-action svg,.v2-icon-btn svg{width:20px;height:20px}.v2-avatar{width:42px!important;height:42px!important;background:#082b8c!important}
.v2-content{padding:12px 18px 34px!important;max-width:1540px;margin:0 auto;width:100%}.v2-results-head{display:none!important}.v2-snapshot-grid{position:relative;display:grid!important;grid-template-columns:minmax(0,1.38fr) minmax(530px,.95fr)!important;gap:14px!important;padding:59px 12px 12px!important;background:#fff;border:1px solid #cfe0f2;border-radius:14px;box-shadow:0 5px 16px rgba(30,57,86,.035);margin-bottom:12px!important}.mw-proto-snapshot-head{position:absolute;left:18px;right:18px;top:12px;height:39px;display:flex;align-items:center;justify-content:space-between}.mw-proto-snapshot-title{display:flex;align-items:center;gap:10px}.mw-proto-snapshot-title .mw-icon{width:28px;height:28px;color:#075ce7}.mw-proto-snapshot-title strong{display:block;font-size:15px;line-height:1.1}.mw-proto-snapshot-title small{display:block;margin-top:3px;color:#4f6480;font-size:10px}.mw-proto-actions{display:flex;gap:8px}.mw-proto-actions button{height:33px;padding:0 12px;border:1px solid #cedae7;border-radius:7px;background:#fff;color:#193551;font-weight:750;font-size:10px}.mw-proto-actions button svg{width:14px;height:14px;margin-right:5px;vertical-align:-2px}
.v2-vehicle-card{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(260px,.9fr)!important;min-height:254px!important;border-radius:10px!important;overflow:hidden!important;border:1px solid #d8e2ed!important;box-shadow:none!important}.v2-vehicle-image-wrap{min-height:254px!important;background:linear-gradient(135deg,#eef3f7,#fff)!important}.v2-vehicle-image-wrap img{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px!important}.v2-image-fallback{height:100%!important;min-height:254px!important}.v2-vehicle-copy{padding:22px 20px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:13px!important}.v2-make-mark{width:54px!important;height:54px!important;border-radius:50%!important;background:#071e3e!important;color:#fff!important;font-size:14px!important;align-self:center!important}.mw-proto-vehicle-name{text-align:center}.mw-proto-vehicle-name h2{margin:0;font-size:23px;line-height:1.1}.mw-proto-vehicle-reg{display:inline-flex;margin-top:9px;padding:6px 12px;border-radius:5px;background:#f7c400;font-weight:950;letter-spacing:.06em}.mw-proto-vehicle-meta{margin-top:11px;font-size:12px;color:#263b55;text-align:center}.v2-vehicle-detail-grid{grid-template-columns:repeat(2,1fr)!important;gap:13px 18px!important}.v2-vehicle-detail-grid small{font-size:10px!important}.v2-vehicle-detail-grid strong{font-size:13px!important}
.v2-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,1fr)!important;gap:9px!important}.v2-metric-card{min-height:120px!important;border:1px solid #dce5ef!important;border-radius:10px!important;box-shadow:none!important;padding:13px 14px!important;background:#fff!important}.v2-metric-title{font-size:10px!important;font-weight:800!important}.v2-metric-title i{font-style:normal!important;color:#075ce7!important}.v2-metric-title svg{width:17px;height:17px}.v2-score-ring{width:74px!important;height:74px!important;border-width:8px!important;margin:3px auto 0!important}.v2-score-ring strong{font-size:24px!important}.v2-health .v2-score-ring{border-color:#0b9448!important}.v2-health small{text-align:center!important;color:#071a36!important;font-weight:800!important}.v2-risk{position:relative}.v2-risk-gauge{display:grid!important;grid-template-columns:76px 1fr!important;align-items:center!important;gap:6px!important;margin-top:6px!important}.mw-risk-arc{width:74px;height:45px;overflow:hidden;position:relative}.mw-risk-arc:before{content:'';position:absolute;width:66px;height:66px;border-radius:50%;border:10px solid #dce8df;border-bottom-color:transparent;border-right-color:#9dd8aa;transform:rotate(-45deg);left:0;top:4px}.mw-risk-number strong{display:block;font-size:26px}.mw-risk-number span{font-size:10px;color:#64748b}.v2-risk .status{font-size:11px!important;background:none!important;padding:0!important}.v2-metric-value{font-size:21px!important;line-height:1.05!important;margin-top:18px!important}.v2-metric-card>small{font-size:10px!important}.v2-metric-card .status{font-size:20px!important;margin-top:17px!important}
.v2-dna{padding:10px 17px!important;margin-bottom:10px!important;border-radius:12px!important}.v2-dna .v2-section-head{margin-bottom:5px!important}.v2-dna .v2-section-head .v2-kicker{display:inline!important;margin-right:8px}.v2-dna .v2-section-head h2{display:inline!important;font-size:13px!important}.v2-dna-grid{grid-template-columns:repeat(5,1fr)!important;gap:0!important}.v2-dna-grid>div{padding:7px 15px!important;border-right:1px solid #dfe6ee}.v2-dna-grid>div:last-child{border-right:0}.v2-dna-grid strong{font-size:10px!important}.v2-dna-grid span{font-size:20px!important;letter-spacing:-1px}.v2-dna-grid small{font-size:9px!important}.v2-dna-grid>div:nth-child(1) span,.v2-dna-grid>div:nth-child(4) span,.v2-dna-grid>div:nth-child(5) span{color:#078c46!important}.v2-dna-grid>div:nth-child(2) span{color:#075ce7!important}.v2-dna-grid>div:nth-child(3) span{color:#f59a00!important}
.v2-recommend-grid{grid-template-columns:minmax(0,1.9fr) minmax(330px,.95fr)!important;gap:10px!important;margin-bottom:10px!important}.v2-recommendation{min-height:138px!important;padding:17px 20px!important;background:linear-gradient(120deg,#f6fffa,#edf9f2)!important;border-color:#bfe4ce!important;display:grid!important;grid-template-columns:1fr 120px!important}.v2-recommendation h2{font-size:19px!important;color:#087c3f!important;margin:8px 0 5px!important}.v2-recommendation p{font-size:11px!important}.v2-confidence{width:105px!important;height:72px!important;border:1px solid #b7dfc6!important;border-radius:10px!important;background:#fff!important;display:grid!important;place-content:center!important;text-align:center!important}.v2-confidence strong{font-size:27px!important;color:#078c46!important}.v2-highlights{padding:14px 16px!important;min-height:138px!important}.priority-list{display:grid!important;gap:8px!important;margin-top:9px!important}.priority-list>*{font-size:10px!important}.count-badge{width:30px!important;height:30px!important;background:#08254a!important;color:#fff!important}
.v2-timeline-card{padding:13px 18px!important;margin-bottom:10px!important}.v2-timeline-card .v2-section-head h2{font-size:14px!important}.v2-timeline-card .v2-section-head button{font-size:10px!important;padding:7px 10px!important}.v2-timeline{min-height:80px!important}.v2-timeline .timeline-item{font-size:10px!important}
.v2-bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(400px,1fr)!important;gap:10px!important;margin-bottom:10px!important}.v2-decision-card{min-height:173px!important;border-radius:12px!important;background:linear-gradient(135deg,#061c3a,#0a3566)!important;padding:14px 18px!important;color:#fff!important}.v2-decision-card .v2-kicker{color:#fff!important}.v2-decision-body{grid-template-columns:125px 1fr!important;gap:18px!important}.v2-decision-circle{width:116px!important;height:116px!important;border:4px solid #13a958!important;background:linear-gradient(160deg,#0b6d3c,#0b2f47)!important}.v2-decision-circle strong{font-size:29px!important}.v2-decision-body h2{font-size:18px!important;color:#7dff51!important;margin-bottom:4px!important}.v2-decision-body p{font-size:11px!important;line-height:1.45!important}.mw-decision-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.mw-decision-tags span{padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;background:rgba(255,255,255,.12)}.mw-decision-tags span:nth-child(1){background:#0c6c37}.mw-decision-tags span:nth-child(2){background:#073e89}.mw-decision-tags span:nth-child(3){background:#5f2b93}.v2-value-card{min-height:173px!important;padding:14px 18px!important;border-color:#f2d9a7!important}.v2-depreciation-head h2{font-size:15px!important}.v2-depreciation-stat strong{color:#df8a00!important;font-size:27px!important}.v2-depreciation-chart{min-height:100px!important}
.v2-feature-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}.v2-feature-card{min-height:132px!important;padding:13px!important;border:1px solid #d9e3ed!important;border-radius:9px!important;background:#fff!important;display:grid!important;grid-template-rows:auto auto 1fr auto!important}.v2-feature-card>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#eef5ff;color:#075ce7}.v2-feature-card:nth-child(2)>span{color:#7538e5;background:#f4edff}.v2-feature-card:nth-child(3)>span{color:#f06b00;background:#fff2e8}.v2-feature-card:nth-child(4)>span{color:#087e82;background:#eafafa}.v2-feature-card:nth-child(5)>span{color:#075ce7}.v2-feature-card:nth-child(6)>span{color:#078c46;background:#edf9f1}.v2-feature-card svg{width:23px;height:23px}.v2-feature-card h3{font-size:11px!important;margin:5px 0 3px!important}.v2-feature-card p{font-size:9.5px!important;line-height:1.4!important;margin:0 0 8px!important}.v2-feature-card a{height:28px!important;border:1px solid currentColor!important;border-radius:6px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:9.5px!important;font-weight:850!important;text-decoration:none!important}.v2-feature-card:nth-child(1) a,.v2-feature-card:nth-child(5) a{color:#075ce7!important}.v2-feature-card:nth-child(2) a{color:#6f35df!important}.v2-feature-card:nth-child(3) a{color:#ef6a00!important}.v2-feature-card:nth-child(4) a{color:#087e82!important}.v2-feature-card:nth-child(6) a{color:#078c46!important}.v2-feature-card a svg{width:13px;height:13px}
@media(max-width:1250px){.v2-shell{grid-template-columns:215px minmax(0,1fr)!important}.v2-topbar{grid-template-columns:minmax(380px,1fr) minmax(240px,.65fr)!important}.v2-top-actions{display:none!important}.v2-snapshot-grid{grid-template-columns:1fr!important}.v2-feature-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:900px){.v2-shell{display:block!important}.v2-sidebar{position:relative!important;width:100%!important;min-height:0!important;padding:10px 12px!important}.v2-brand-row{margin-bottom:9px}.v2-brand-mark{width:33px!important;height:36px!important}.v2-brand-copy strong{font-size:20px!important}.v2-nav{display:flex!important;overflow-x:auto!important;gap:6px!important;padding-bottom:4px}.v2-nav-item{flex:0 0 auto!important;min-height:40px!important;padding:0 10px!important}.v2-sidebar-bottom{display:none!important}.v2-topbar{position:static!important;grid-template-columns:1fr!important;min-height:0!important;padding:12px 14px!important}.v2-analysis-status{display:none!important}.v2-search{max-width:none!important}.v2-content{padding:10px!important}.v2-snapshot-grid{padding:56px 8px 8px!important}.v2-vehicle-card{grid-template-columns:1fr!important}.v2-metrics-grid{grid-template-columns:repeat(2,1fr)!important}.v2-dna-grid{grid-template-columns:repeat(2,1fr)!important}.v2-dna-grid>div{border-right:0;border-bottom:1px solid #e1e7ee}.v2-recommend-grid,.v2-bottom-grid{grid-template-columns:1fr!important}.v2-feature-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.v2-search-row{grid-template-columns:1fr!important;height:auto!important}.v2-search-row button{width:100%!important}.v2-snapshot-grid{padding-top:86px!important}.mw-proto-snapshot-head{height:70px;align-items:flex-start}.mw-proto-actions{flex-direction:column}.mw-proto-actions button{height:28px}.v2-metrics-grid{grid-template-columns:1fr!important}.v2-vehicle-detail-grid{grid-template-columns:1fr 1fr!important}.v2-recommendation{grid-template-columns:1fr!important}.v2-confidence{width:100%!important;height:60px!important}.v2-dna-grid,.v2-feature-grid{grid-template-columns:1fr!important}.v2-decision-body{grid-template-columns:1fr!important}.v2-decision-circle{margin:auto}.v2-topbar{padding:10px!important}.v2-search-row input{font-size:20px!important}}