/* VRM customer workspace — Phase 3 */
body.dashboard-open{background:#f5f8fb}
body.dashboard-open .hero,body.dashboard-open #cars,body.dashboard-open #how,body.dashboard-open .ownerCta{display:none!important}
body.dashboard-open main.wrap{max-width:1400px;padding:0 22px}
body.dashboard-open main section#dashboard{display:block!important;padding:28px 0 64px}
body.dashboard-open #dashEyebrow,body.dashboard-open #dashTitle{display:none}
#dashboard{scroll-margin-top:25px}
.dashShell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:710px;background:#fff;border:1px solid #e5ebf2;border-radius:22px;box-shadow:0 12px 45px rgba(19,40,62,.07);overflow:hidden}
.dashShell *{box-sizing:border-box}.dashShell button{font-family:inherit}.dashSidebar{background:#12253b;color:#d9e6f0;padding:29px 16px;display:flex;flex-direction:column;min-width:0}
.dashSideBrand{display:flex;align-items:center;gap:11px;padding:0 9px 28px;border-bottom:1px solid #ffffff20}
.dashTinyLogo{height:36px;width:36px;display:grid;place-items:center;border-radius:12px;background:#20ae88;color:#fff;font-size:20px;font-weight:900}
.dashSideBrand strong,.dashSideBrand small{display:block}.dashSideBrand strong{font-size:15px;color:#fff;letter-spacing:-.3px}.dashSideBrand small{color:#aebed0;font-size:11px;margin-top:4px}
.dashSideLabel{padding:27px 12px 12px;font-size:10px;letter-spacing:2px;color:#92abc3;font-weight:800}
.dashNav{display:grid;gap:6px}.dashNav button{display:flex;gap:12px;align-items:center;text-align:left;width:100%;background:transparent;border-radius:10px;padding:13px;color:#bcd0df;font-weight:650;font-size:13px;cursor:pointer}
.dashNav button:hover{background:#ffffff15;color:#fff}.dashNav button.active{background:#1c806f;color:#fff}.dashNavIcon{font-size:17px;width:22px;text-align:center}.dashNavCount{margin-left:auto;background:#ffffff30;font-size:11px;min-width:22px;text-align:center;padding:3px 6px;border-radius:20px}
.dashSidebarBottom{margin-top:auto}.dashSideHelp{border:1px solid #ffffff25;border-radius:14px;padding:18px 16px;background:#ffffff08;margin-top:35px}.dashSideHelp>span{color:#63dabc;font-size:27px}.dashSideHelp strong{display:block;font-size:13px;color:#fff;margin-top:8px}.dashSideHelp p{color:#b6c7d6;font-size:12px;line-height:1.6;margin:8px 0 12px}.dashSideHelp button{background:transparent;color:#6be2c4;font-size:12px;font-weight:750;padding:0;text-align:left}.dashBackButton{width:100%;background:transparent;color:#b7c9db;text-align:left;font-size:12px;padding:18px 8px 0}
.dashMain{min-width:0;background:#f8fafc}.dashTopbar{background:#fff;border-bottom:1px solid #e9edf3;padding:23px 32px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.dashTrail{color:#8290a3;font-size:13px}.dashTrail strong{color:#253950}.dashTrail span{margin:0 10px;color:#bac7d5}.dashTopRight{display:flex;align-items:center;gap:12px}.dashTopAvatar{width:33px;height:33px;border-radius:100%;display:grid;place-items:center;color:#0f7160;background:#dff5ef;font-weight:850}
.dashDemoBadge{color:#147c65;background:#e2f6ef;padding:7px 9px;border-radius:99px;letter-spacing:.8px;font-weight:800;font-size:10px;white-space:nowrap}
.dashDemoRibbon{margin:23px 32px 0;display:flex;align-items:flex-start;gap:12px;background:#f0f5fa;border:1px solid #dbe8f2;border-radius:12px;padding:14px 17px}.dashDemoRibbon>span{font-size:20px;color:#188e77}.dashDemoRibbon p{margin:0;font-size:12px;color:#51677b;line-height:1.6}
.dashBody{padding:26px 32px 38px}.dashWelcome{background:linear-gradient(110deg,#14364b,#1a635e);padding:30px 31px;color:#fff;border-radius:17px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px}.dashWelcome h2{font-size:clamp(22px,3vw,32px);margin:8px 0;color:#fff;letter-spacing:-.7px}.dashWelcome p:not(.dashOverline){color:#c5e6df;margin:8px 0 0;font-size:13px}.dashOverline{font-size:10px!important;letter-spacing:1.6px!important;color:#148d73!important;font-weight:850!important;margin:0 0 8px!important}.dashWelcome .dashOverline{color:#68e0bb!important}.helloWave{font-size:22px}
.dashWhiteBtn{background:#fff;color:#146b5f!important;white-space:nowrap;border-radius:9px;padding:12px 15px;font-size:12px;font-weight:750;box-shadow:0 6px 18px #0f294333}.dashWhiteBtn span{padding-left:4px}.dashMetricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:21px}.dashMetric{background:#fff;border:1px solid #e8edf3;border-radius:13px;padding:19px 20px;box-shadow:0 3px 10px #14283e07}.dashMetricHead{display:flex;align-items:center;justify-content:space-between;color:#62788b;font-size:12px;font-weight:650;gap:8px}.dashMetricSymbol{color:#198f75;background:#e4f6f0;border-radius:8px;padding:4px 9px;font-size:17px}.dashMetric>strong{display:block;font-size:34px;letter-spacing:-1px;color:#142d43;margin:11px 0 2px}.dashMetric>small{color:#8292a3;font-size:11px}
.dashContentGrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:19px;margin-bottom:19px}.dashPanel{background:#fff;border:1px solid #e7ecf3;border-radius:15px;padding:24px;box-shadow:0 4px 18px #14283e06;min-width:0}.dashPanelHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.dashPanelHead h3,.dashPanel h3{font-size:17px;color:#1b3045;margin:5px 0 0;letter-spacing:-.3px}.dashTextBtn{background:none;color:#168974;font-size:12px;padding:6px 0;white-space:nowrap;font-weight:750}.dashNextCar{display:flex;align-items:center;gap:15px;padding:6px 0 18px;border-bottom:1px solid #e9eff4}.dashCarThumb{height:57px;width:67px;min-width:67px;display:grid;place-items:center;font-size:31px;border-radius:10px;background:#eaf3f8;overflow:hidden}.dashCarThumb img{width:100%;height:100%;object-fit:cover}.dashCarThumb.suv{background:#e3efee}.dashCarThumb.luxury{background:#ebebf5}.dashCarThumb.van{background:#e7eef6}.dashNextCarInfo{display:grid;gap:5px}.dashNextCarInfo strong{font-size:15px}.dashNextCarInfo>span:not(.dashStatus){font-size:11px;color:#8190a0}.dashSplitDetails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:17px 0}.dashSplitDetails>div{display:grid;gap:6px}.dashSplitDetails span{font-size:11px;color:#76899a}.dashSplitDetails strong{font-size:12px;color:#243c50}.dashNextFoot{border-top:1px solid #e9eff4;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.dashNextFoot span{color:#7b8d9d;font-size:11px;line-height:1.5;max-width:58%}.dashPrimarySm{background:#149779;color:#fff;padding:11px 15px;border-radius:9px;font-weight:750;font-size:12px;white-space:nowrap}.dashProcess .dashMiniSteps{display:grid;gap:16px;margin:24px 0}.dashMiniSteps>div{display:flex;align-items:center;gap:13px;font-size:12px;color:#506476}.dashMiniSteps b{width:30px;height:30px;background:#e3f5f0;border-radius:9px;display:grid;place-items:center;color:#16866e;font-size:11px}.dashGhostBtn{width:100%;background:#e9f6f2;color:#13725e;border-radius:9px;font-size:11px;font-weight:800;padding:11px 12px}.dashRecent{margin-top:0}
.dashBookingList{display:grid;gap:0}.dashBookingRow{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf0f5}.dashBookingRow:first-child{border-top:0}.dashBookingMain{flex:1;min-width:105px;display:grid;gap:5px}.dashBookingMain strong{font-size:13px;color:#1a3448}.dashBookingMain>span{font-size:11px;color:#8896a5;line-height:1.45}.dashBookingBadge{min-width:118px}.dashBookingCost{display:grid;gap:4px;text-align:right;min-width:70px}.dashBookingCost strong{font-size:13px;color:#293e50}.dashBookingCost span{font-size:10px;color:#8996a3}.dashIconBtn{background:#edf5f3;color:#16846e;border-radius:8px;min-width:30px;height:32px;padding:0 7px}.dashStatus{display:inline-flex;gap:6px;align-items:center;width:max-content;max-width:100%;white-space:normal;font-size:10px;font-weight:800;border-radius:60px;padding:6px 9px}.statusDot{width:6px;height:6px;border-radius:50%;flex:none;background:currentColor}.dashStatus.amber{background:#fff4dc;color:#a36a0b}.dashStatus.blue{background:#e9f1ff;color:#286bb2}.dashStatus.green{background:#dcf5e9;color:#15794d}.dashStatus.slate{background:#edf2f5;color:#62748a}.dashStatus.red{background:#ffeded;color:#b13939}
.dashPageHead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.dashPageHead h2{font-size:27px;margin:4px 0 9px;color:#152d40}.dashPageHead p:not(.dashOverline){color:#7d8d9c;font-size:13px;margin:0}.dashTabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:12px;padding-bottom:16px;border-bottom:1px solid #e8edf2}.dashTabs button{background:#f3f6f9;color:#607285;font-size:12px;padding:10px 13px}.dashTabs button.selected{background:#e1f5ed;color:#0c8065}.dashFootnote{color:#8a97a6;font-size:11px;line-height:1.6;margin:13px 0}.dashEmptyMini{padding:30px 15px;text-align:center;color:#778899}.dashEmptyMini>span{font-size:30px}.dashEmptyMini p{font-size:12px;line-height:1.6}.dashEmptyMini button{margin-top:10px}
.dashVerifyHero{background:linear-gradient(125deg,#16384b,#255f61);padding:27px;border-radius:15px;color:#fff;display:flex;align-items:center;gap:22px;margin-bottom:20px}.dashVerifyIcon{font-size:42px;flex:none}.dashVerifyHero h3{color:#fff;margin:9px 0;font-size:21px}.dashVerifyHero p{color:#d1e5e2;font-size:12px;line-height:1.7;margin:0;max-width:700px}.dashVerifyTag{font-size:10px;background:#ffffff29;color:#fff;border-radius:30px;padding:5px 10px;letter-spacing:1px;font-weight:800}.dashMutedBadge{font-size:11px;color:#85919e}.dashChecklist>div{display:flex;align-items:center;gap:16px;padding:17px 0;border-top:1px solid #e9eef4}.dashCheckIcon{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center;color:#138875;background:#e9f7f2;font-size:12px;font-weight:900}.dashChecklist section{padding:0;flex:1}.dashChecklist section strong{color:#2c4355;font-size:13px}.dashChecklist section p{color:#7e8e9d;margin:5px 0 0;font-size:12px;line-height:1.5}.dashPending{font-size:11px;color:#9b7847;background:#fff6e6;padding:6px 9px;border-radius:25px}.dashInfoBanner{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:16px;background:#eaf5fa;border:1px solid #d7e8f3;border-radius:10px}.dashInfoBanner span{color:#2b809d;font-size:19px}.dashInfoBanner p{font-size:12px;line-height:1.6;color:#506f7d;margin:0}
.dashProfileLayout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:20px}.dashProfileIntro{display:flex;gap:13px;align-items:center;padding-bottom:19px;border-bottom:1px solid #e8eef4;margin-bottom:19px}.dashAvatar{width:57px;height:57px;border-radius:15px;background:#dcf4ea;color:#14765f;display:grid;place-items:center;font-size:21px;font-weight:850}.dashProfileIntro h3{margin:0 0 7px}.dashProfileIntro span{font-size:11px;color:#8693a1}.dashProfileLayout .field{margin:12px 0;font-size:12px}.dashProfileHelp p:not(.dashOverline){font-size:12px;color:#698093;line-height:1.7}.dashProfilePrivacy{background:#edf7f2;color:#0e755e;font-size:12px;padding:14px;border-radius:10px;line-height:1.5}
#modal .dashDetailHeader h2{margin:7px 0 12px;font-size:24px}.dashDetailFacts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.dashDetailFacts>div{background:#f3f7fa;padding:13px;border-radius:10px;display:grid;gap:6px}.dashDetailFacts small{font-size:11px;color:#75899a}.dashDetailFacts strong{font-size:13px;color:#253d53}.dashDetailLine h3{margin:15px 0 8px}.dashDetailLine p{color:#758698;line-height:1.5;font-size:12px}.dashTimeline{list-style:none;padding:0;display:grid;gap:0}.dashTimeline li{display:flex;gap:14px;border-left:2px solid #dce7ec;padding:0 0 17px 13px;margin-left:13px;position:relative}.dashTimeline li>span{position:absolute;left:-13px;top:0;width:24px;height:24px;border:2px solid #dce7ec;background:#fff;border-radius:50%;display:grid;place-items:center;color:#9caebb;font-size:11px;font-weight:800}.dashTimeline li.done{border-left-color:#19a07d}.dashTimeline li.done>span{background:#1aa682;border-color:#1aa682;color:white}.dashTimeline strong,.dashTimeline small{display:block}.dashTimeline strong{font-size:13px;color:#294153;margin:3px 0 4px}.dashTimeline small{font-size:11px;color:#8090a1}.dashTimeline li:last-child{border-left-color:transparent;padding-bottom:0}
@media(max-width:1050px){.dashShell{grid-template-columns:210px minmax(0,1fr)}.dashSidebar{padding:20px 11px}.dashBody{padding:22px}.dashTopbar{padding:18px 22px}.dashDemoRibbon{margin:19px 22px 0}.dashContentGrid{grid-template-columns:1fr}.dashBookingBadge{min-width:100px}}
@media(max-width:760px){body.dashboard-open main.wrap{padding:0 12px}body.dashboard-open main section#dashboard{padding:14px 0 45px}.dashShell{display:block;border-radius:16px}.dashSidebar{display:block;padding:14px}.dashSideBrand{padding:0 8px 13px}.dashSideLabel,.dashSidebarBottom{display:none}.dashNav{display:flex;overflow:auto;padding-top:12px}.dashNav button{width:auto;white-space:nowrap;flex:none;padding:9px 11px;font-size:12px}.dashMain{min-height:580px}.dashWelcome{padding:22px}.dashMetricGrid{gap:9px}.dashMetric{padding:14px}.dashMetric>strong{font-size:25px}.dashMetricHead{font-size:11px}.dashMetricSymbol{display:none}.dashBookingBadge{min-width:0}.dashBookingCost{display:none}.dashPageHead{align-items:flex-start}.dashProfileLayout{grid-template-columns:1fr}}
@media(max-width:520px){.dashTopbar{padding:15px}.dashDemoBadge{font-size:8px;letter-spacing:0}.dashTrail{font-size:11px}.dashTrail span{margin:0 4px}.dashTopAvatar{width:28px;height:28px}.dashBody{padding:14px}.dashDemoRibbon{margin:13px 14px 0;padding:12px}.dashWelcome{flex-direction:column;align-items:flex-start;padding:20px}.dashWhiteBtn{width:100%;text-align:center}.dashMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashMetric{padding:12px 9px}.dashMetricHead{font-size:10px;line-height:1.3}.dashMetric>strong{font-size:26px}.dashMetric>small{font-size:9px}.dashPanel{padding:17px}.dashPanelHead{flex-direction:column;align-items:flex-start}.dashSplitDetails{grid-template-columns:repeat(2,1fr)}.dashNextFoot{flex-direction:column;align-items:flex-start}.dashNextFoot span{max-width:100%}.dashBookingRow{gap:8px;flex-wrap:wrap}.dashBookingBadge{margin-left:0}.dashBookingRow .dashCarThumb{width:47px;min-width:47px;height:47px;font-size:22px}.dashBookingMain{min-width:130px}.dashPageHead{flex-direction:column;align-items:flex-start}.dashPageHead h2{font-size:23px}.dashVerifyHero{padding:19px;align-items:flex-start}.dashVerifyIcon{font-size:25px}.dashVerifyHero h3{font-size:17px}.dashChecklist>div{gap:8px;flex-wrap:wrap}.dashPending{margin-left:46px}}
@media(max-width:650px){header nav a#dashboardLink{display:inline-block;font-size:12px}header nav{gap:8px}header nav button{padding:10px;font-size:12px}}
#modal{max-height:90vh;overflow-y:auto}

.publicHelp{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:18px auto;line-height:1.6}.publicHelp a{color:#66e2cd}.vehiclePhotoUnavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;font-size:48px;background:#e9f3f2;color:#173844}.vehiclePhotoUnavailable small{font-size:14px;margin:8px}.dashSideHelp a{color:#65e2ce;line-height:1.8}