/*!
 * Mindset Staff Induction, vehicle checks. Shares the induction's colours and type;
 * everything is scoped to .mch-veh and laid out for a phone first.
 */
.mch-induction.mch-veh{width:100vw; min-height:100vh; margin-left:calc(50% - 50vw); background:radial-gradient(circle at 8% 8%,rgba(43,138,108,.12),transparent 23rem),radial-gradient(circle at 94% 42%,rgba(196,122,44,.09),transparent 22rem),linear-gradient(150deg,#f4f7f4 0%,var(--sand) 48%,#edf4f1 100%); border-radius:0; overflow:hidden}
.mch-veh .vh-wrap{width:min(100%,1320px); margin:0 auto; padding:24px 18px 52px}
@container mch (min-width:700px){ .mch-veh .vh-wrap{padding:44px 40px 64px} }
.mch-veh .mch-veh-noscript{padding:24px; margin:0}

/* header */
.mch-veh .vh-head{position:relative; display:flex; align-items:flex-end; justify-content:space-between; gap:18px; flex-wrap:wrap; overflow:hidden; margin:0 0 28px; padding:28px 26px; color:#fff; border-radius:24px; background:linear-gradient(120deg,var(--brand-ink),var(--brand) 64%,var(--brand-2)); box-shadow:var(--sh-3); animation:vhRise .5s cubic-bezier(.2,.75,.3,1) both}
.mch-veh .vh-head:before{content:""; position:absolute; width:220px; height:220px; left:46%; bottom:-165px; border-radius:50%; background:rgba(255,255,255,.08); filter:blur(1px); animation:vhFloat 7s ease-in-out infinite; pointer-events:none}
.mch-veh .vh-head:after{content:""; position:absolute; width:330px; height:330px; right:-110px; top:-205px; border:40px solid rgba(255,255,255,.09); border-radius:50%; pointer-events:none}
.mch-veh .vh-title,.mch-veh .vh-who{position:relative; z-index:1}
.mch-veh .vh-kicker{margin:0 0 4px; font-size:11.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--brand)}
.mch-veh .vh-head .vh-kicker{color:#b8decf}
.mch-veh .vh-head h1{margin:0; font-size:clamp(32px,4vw,48px); color:#fff}
.mch-veh .vh-sub{max-width:48ch; margin:7px 0 0; color:#d9eee5; font-size:15px}
.mch-veh .vh-who{margin:0; padding:8px 12px; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:rgba(5,45,34,.18); font-size:13px; color:#e5f4ed}
.mch-veh .vh-who a{color:#fff}

/* vehicle picker */
.mch-veh .vh-label{margin:0 0 10px; font-size:13px; font-weight:600; color:var(--ink-2)}
.mch-veh .vh-cars{display:grid; gap:12px; grid-template-columns:1fr}
@container mch (min-width:620px){ .mch-veh .vh-cars{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))} }
.mch-veh .vh-car{position:relative; display:flex; align-items:center; gap:13px; width:100%; overflow:hidden; text-align:left; cursor:pointer;
  background:var(--card); border:1.5px solid var(--line); border-radius:var(--r); padding:14px 15px;
  font:inherit; color:var(--ink); box-shadow:var(--sh-1); transition:border-color .2s, box-shadow .2s, transform .2s; animation:vhRise .42s cubic-bezier(.2,.75,.3,1) both}
.mch-veh .vh-car:nth-child(2){animation-delay:.06s}.mch-veh .vh-car:nth-child(3){animation-delay:.12s}.mch-veh .vh-car:nth-child(4){animation-delay:.18s}.mch-veh .vh-car:nth-child(5){animation-delay:.24s}
.mch-veh .vh-car:hover{border-color:var(--brand-2); transform:translateY(-2px); box-shadow:var(--sh-2)}
.mch-veh .vh-car:active{transform:scale(.99)}
.mch-veh .vh-car.on{border-color:var(--brand); box-shadow:0 0 0 4px rgba(26,99,80,.12), var(--sh-2); animation:vhSelected .45s cubic-bezier(.2,.9,.25,1) both}
.mch-veh .vh-car.on:after{content:""; position:absolute; inset:0 auto 0 0; width:4px; background:linear-gradient(var(--brand-2),var(--brand)); border-radius:4px}
.mch-veh .vh-car-ic{flex:none; width:46px; height:46px; border-radius:13px; display:grid; place-items:center;
  background:var(--brand-wash); color:var(--brand)}
.mch-veh .vh-car.on .vh-car-ic{background:linear-gradient(150deg,var(--brand-2),var(--brand)); color:#fff}
.mch-veh .vh-car-tx{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px}
.mch-veh .vh-car-tx b{font-family:var(--serif); font-size:18px; font-weight:600; line-height:1.2}
.mch-veh .vh-reg{align-self:flex-start; font:700 11.5px/1 var(--sans); letter-spacing:.06em; padding:4px 7px; border-radius:5px;
  background:#f7d538; color:#1b1b1b; border:1px solid #d8b51c}
.mch-veh .vh-car-tx small{font-size:12.5px; color:var(--ink-3)}
.mch-veh .vh-pill{flex:none; display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:700;
  padding:5px 9px; border-radius:99px; white-space:nowrap}
.mch-veh .vh-pill.ok{background:var(--brand-wash); color:var(--ok)}
.mch-veh .vh-pill.ok:before{content:""; width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 0 3px rgba(28,122,85,.14); animation:vhPulse 2.2s ease-in-out infinite}
.mch-veh .vh-pill.warn{background:var(--amber-wash); color:var(--amber)}
.mch-veh .vh-pill.dnd{background:var(--rose); color:#fff}
@container mch (max-width:480px){
  .mch-veh .vh-car{flex-wrap:wrap; row-gap:8px}
  .mch-veh .vh-car-tx{flex:1 1 calc(100% - 60px)}
  .mch-veh .vh-pill{margin-left:59px}
}

/* reference documents */
.mch-veh .vh-guides{margin:32px 0 24px; padding:24px; border:1px solid #dce8e2; border-radius:20px; background:rgba(255,255,255,.72); box-shadow:var(--sh-1); animation:vhRise .5s .16s cubic-bezier(.2,.75,.3,1) both}
.mch-veh .vh-section-head{display:flex; align-items:end; justify-content:space-between; gap:14px; margin:0 0 17px}
.mch-veh .vh-eyebrow{margin:0 0 3px; color:var(--brand); font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase}
.mch-veh .vh-section-head h2{margin:0; font-size:22px}
.mch-veh .vh-section-head>p{max-width:30ch; margin:0; color:var(--ink-3); font-size:13px; text-align:right}
.mch-veh .vh-docs{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px}
.mch-veh .vh-doc{display:flex; align-items:center; gap:11px; min-height:82px; padding:12px; color:var(--ink); font:inherit; text-align:left; cursor:pointer; border:1px solid var(--line); border-radius:13px; background:var(--card); transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}
.mch-veh .vh-doc:hover{transform:translateY(-2px); border-color:var(--brand-2); box-shadow:var(--sh-2)}
.mch-veh .vh-doc:focus-visible,.mch-veh .vh-doc-close:focus-visible{outline:3px solid rgba(43,138,108,.5); outline-offset:3px}
.mch-veh .vh-doc-ic{flex:none; display:grid; place-items:center; width:40px; height:40px; border-radius:11px; background:var(--brand-wash); color:var(--brand)}
.mch-veh .vh-doc-copy{flex:1; min-width:0}.mch-veh .vh-doc-copy b,.mch-veh .vh-doc-copy small{display:block}.mch-veh .vh-doc-copy b{font-size:13.5px; line-height:1.3}.mch-veh .vh-doc-copy small{margin-top:3px; color:var(--ink-3); font-size:11.5px; line-height:1.3}.mch-veh .vh-doc-arrow{color:var(--brand)}

/* protected document viewer */
.mch-veh .vh-doc-modal[hidden]{display:none}.mch-veh .vh-doc-modal{position:fixed; z-index:99999; inset:0; display:grid; place-items:center; padding:16px}.mch-veh .vh-doc-backdrop{position:absolute; inset:0; background:rgba(6,28,22,.66); backdrop-filter:blur(5px)}
.mch-veh .vh-doc-window{position:relative; z-index:1; display:flex; flex-direction:column; width:min(100%,1040px); max-height:min(92vh,1100px); overflow:hidden; border-radius:20px; background:var(--sand); box-shadow:0 28px 80px rgba(0,0,0,.36)}
.mch-veh .vh-doc-window header,.mch-veh .vh-doc-window footer{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px; background:var(--card); border-bottom:1px solid var(--line)}
.mch-veh .vh-doc-window header h2{margin:0; font-size:20px}.mch-veh .vh-doc-window footer{border-top:1px solid var(--line); border-bottom:0}.mch-veh .vh-doc-window footer .vh-btn{padding:10px 14px; font-size:14px}.mch-veh .vh-doc-window footer .vh-btn:disabled{opacity:.42; cursor:not-allowed}.mch-veh .vh-doc-page{font-size:13px; font-weight:700; color:var(--ink-2); font-variant-numeric:tabular-nums}
.mch-veh .vh-doc-close{display:grid; place-items:center; width:42px; height:42px; padding:0; color:var(--ink-2); cursor:pointer; border:1px solid var(--line); border-radius:50%; background:var(--card)}.mch-veh .vh-doc-close:hover{color:var(--rose); border-color:var(--rose)}
.mch-veh .vh-doc-stage{display:grid; flex:1; place-items:center; min-height:280px; padding:18px; overflow:auto}.mch-veh .vh-doc-stage>p{color:var(--ink-3)}.mch-veh .vh-doc-stage img{display:block; max-width:100%; max-height:calc(92vh - 190px); margin:auto; box-shadow:var(--sh-2)}.mch-veh .vh-doc-error{color:var(--rose)!important; font-weight:600}.mch-veh-doc-open{overflow:hidden}
@media (max-width:600px){
  .mch-veh .vh-section-head{align-items:flex-start; flex-direction:column}
  .mch-veh .vh-section-head>p{text-align:left}
  .mch-veh .vh-guides{padding:18px}
  .mch-veh .vh-doc-window{width:100%; max-height:100%; border-radius:16px}
  .mch-veh .vh-doc-stage{padding:10px}
  .mch-veh .vh-doc-stage img{max-height:calc(100dvh - 170px)}
  .mch-veh .vh-doc-window header,.mch-veh .vh-doc-window footer{padding:12px}
}

/* callouts */
.mch-veh .vh-banners{max-width:980px; margin:18px auto 0}
.mch-veh .vh-callout{display:flex; gap:12px; align-items:flex-start; border-radius:var(--r-sm); padding:14px 16px; margin:0 0 12px; font-size:14.5px; line-height:1.5}
.mch-veh .vh-callout svg{flex:none; margin-top:1px}
.mch-veh .vh-callout b{display:block; font-size:15.5px; margin:0 0 2px}
.mch-veh .vh-callout span{display:block}
.mch-veh .vh-callout .vh-q{margin-top:6px; font-style:italic; opacity:.92}
.mch-veh .vh-callout.dnd{background:var(--rose-wash); border:1px solid #f3cfc9; color:#7a2a21}
.mch-veh .vh-callout.dnd svg, .mch-veh .vh-callout.dnd b{color:var(--rose)}
.mch-veh .vh-banners .vh-callout.dnd{background:var(--rose); border-color:var(--rose); color:#fff}
.mch-veh .vh-banners .vh-callout.dnd svg, .mch-veh .vh-banners .vh-callout.dnd b{color:#fff}
.mch-veh .vh-callout.warn{background:var(--amber-wash); border:1px solid #f2ddbe; color:#6b4413}
.mch-veh .vh-callout.warn svg, .mch-veh .vh-callout.warn b{color:var(--amber)}

/* tabs */
.mch-veh .vh-body{max-width:980px; margin:22px auto 0}
.mch-veh .vh-tabs{display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border-radius:14px; background:#ebe8e1; margin:0 0 16px; scroll-margin-top:20px}
.mch-veh .vh-tabs button{display:inline-flex; align-items:center; justify-content:center; gap:7px; border:0; border-radius:11px;
  padding:12px 10px; background:none; font:600 14.5px/1.2 var(--sans); color:var(--ink-2); cursor:pointer}
.mch-veh .vh-tabs button[aria-selected="true"]{background:var(--card); color:var(--brand-ink); box-shadow:var(--sh-1)}
.mch-veh .vh-tabs button[data-tab="report"][aria-selected="true"]{color:var(--rose)}
.mch-veh .vh-draft{display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin:-6px 0 12px; font-size:12.5px; color:var(--ink-3)}
.mch-veh .vh-draft[hidden]{display:none}
.mch-veh .vh-draft i{width:7px; height:7px; border-radius:50%; background:var(--ok)}
.mch-veh .vh-link{background:none; border:0; padding:0; font:inherit; color:var(--brand); text-decoration:underline; cursor:pointer}

/* cards and fields */
.mch-veh .vh-lede{font-size:14.5px; color:var(--ink-2); margin:0 0 14px; line-height:1.55}
.mch-veh .vh-card{background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:18px 16px; margin:0 0 14px; box-shadow:var(--sh-1)}
@container mch (min-width:620px){ .mch-veh .vh-card{padding:20px 22px} }
.mch-veh .vh-card[hidden]{display:none}
.mch-veh .vh-card h3{display:flex; align-items:center; gap:9px; margin:0 0 14px; font-size:18px}
.mch-veh .vh-card h3 small{font:500 12.5px var(--sans); color:var(--ink-3); margin-left:2px}
.mch-veh .vh-n{display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--brand-wash);
  color:var(--brand); font:700 13px var(--sans)}
.mch-veh .vh-field{margin:0 0 14px}
.mch-veh .vh-field:last-child{margin-bottom:0}
.mch-veh .vh-field label, .mch-veh .vh-flabel{display:block; font-size:13px; font-weight:600; color:var(--ink-2); margin:0 0 7px}
.mch-veh .req{color:var(--rose)}
.mch-veh .vh-field input, .mch-veh .vh-field textarea{
  width:100%; font:inherit; font-size:16px; color:var(--ink); background:#fff; border:1.5px solid var(--line);
  border-radius:var(--r-sm); padding:11px 13px; outline:0; transition:border-color .2s, box-shadow .2s}
.mch-veh .vh-field textarea{resize:vertical; min-height:72px; line-height:1.5}
.mch-veh .vh-field input:focus, .mch-veh .vh-field textarea:focus{border-color:var(--brand); box-shadow:0 0 0 4px rgba(26,99,80,.12)}
.mch-veh .vh-field .bad{border-color:var(--rose); animation:vhShake .35s}
.mch-veh .vh-hint{font-size:12.5px; color:var(--ink-3); margin:8px 0 0}
.mch-veh .vh-grid{display:grid; gap:0 14px; grid-template-columns:1fr}
.mch-veh .vh-grid > .vh-field{margin-bottom:14px}
@container mch (min-width:560px){ .mch-veh .vh-grid{grid-template-columns:1fr 1fr} }

/* chips */
.mch-veh .vh-chips{display:flex; flex-wrap:wrap; gap:8px; border-radius:12px; transition:box-shadow .2s, padding .2s}
.mch-veh .vh-chips.bad{box-shadow:0 0 0 2px var(--rose); padding:5px}
.mch-veh .vh-chip{position:relative; margin:0}
.mch-veh .vh-chip input{position:absolute; opacity:0; pointer-events:none}
.mch-veh .vh-chip span{display:inline-flex; align-items:center; min-height:42px; padding:9px 15px; border-radius:99px;
  border:1.5px solid var(--line); background:#fff; font-size:14.5px; font-weight:500; color:var(--ink-2); cursor:pointer;
  transition:all .15s; user-select:none}
.mch-veh .vh-chip input[type=checkbox] + span{border-radius:10px}
.mch-veh .vh-chip input:focus-visible + span{box-shadow:0 0 0 4px rgba(26,99,80,.18)}
.mch-veh .vh-chip input:checked + span{background:var(--brand); border-color:var(--brand); color:#fff; font-weight:600}
.mch-veh .vh-chip.c-ok input:checked + span{background:var(--ok); border-color:var(--ok)}
.mch-veh .vh-chip.c-warn input:checked + span{background:var(--amber); border-color:var(--amber)}
.mch-veh .vh-chip.c-dnd span{color:var(--rose); border-color:#f0c6c0; font-weight:700}
.mch-veh .vh-chip.c-dnd input:checked + span{background:var(--rose); border-color:var(--rose); color:#fff}

/* the check lines */
.mch-veh .vh-items{padding:0; overflow:hidden}
.mch-veh .vh-items-head{position:relative; display:flex; align-items:center; justify-content:space-between; padding:16px 16px 14px;
  border-bottom:1px solid var(--line-2); background:#fbfcfb}
@container mch (min-width:620px){ .mch-veh .vh-items-head{padding:18px 22px 16px} }
.mch-veh .vh-items-head h3{margin:0}
.mch-veh .vh-count{font-size:12.5px; font-weight:700; color:var(--ink-3); font-variant-numeric:tabular-nums}
.mch-veh .vh-items.all .vh-count{color:var(--ok)}
.mch-veh .vh-bar{position:absolute; left:0; right:0; bottom:-1px; height:3px}
.mch-veh .vh-bar b{display:block; height:100%; width:0; background:var(--brand-2); transition:width .3s}
.mch-veh .vh-item{display:grid; grid-template-columns:44px 1fr; gap:8px 12px; align-items:center; padding:13px 16px;
  border-bottom:1px solid var(--line-2); transition:background .2s}
@container mch (min-width:620px){ .mch-veh .vh-item{grid-template-columns:48px 1fr auto; padding:13px 22px} }
.mch-veh .vh-item:last-child{border-bottom:0}
.mch-veh .vh-item.bad{background:var(--rose-wash)}
.mch-veh .vh-item.is-defect{background:#fff6f4}
.mch-veh .vh-code{display:grid; place-items:center; height:40px; border-radius:10px; background:#eef2ef; color:var(--brand-ink);
  font:800 13px/1 var(--sans); letter-spacing:.02em; transition:all .2s}
.mch-veh .vh-item.is-pass .vh-code{background:var(--ok); color:#fff}
.mch-veh .vh-item.is-defect .vh-code{background:var(--rose); color:#fff}
.mch-veh .vh-item.is-na .vh-code{background:#d9dedb; color:#5d6b66}
.mch-veh .vh-it b{display:block; font-size:15.5px}
.mch-veh .vh-it small{display:block; font-size:12.5px; color:var(--ink-3); line-height:1.45}
.mch-veh .vh-seg{grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr .7fr; gap:6px}
@container mch (min-width:620px){ .mch-veh .vh-seg{grid-column:auto; width:270px} }
.mch-veh .vh-seg label{position:relative; margin:0}
.mch-veh .vh-seg input{position:absolute; opacity:0; pointer-events:none}
.mch-veh .vh-seg span{display:flex; align-items:center; justify-content:center; gap:5px; min-height:44px; border-radius:10px;
  border:1.5px solid var(--line); background:#fff; font-size:14px; font-weight:600; color:var(--ink-2); cursor:pointer; user-select:none; transition:all .15s}
.mch-veh .vh-seg input:focus-visible + span{box-shadow:0 0 0 4px rgba(26,99,80,.18)}
.mch-veh .vh-seg .s-pass input:checked + span{background:var(--ok); border-color:var(--ok); color:#fff}
.mch-veh .vh-seg .s-defect input:checked + span{background:var(--rose); border-color:var(--rose); color:#fff}
.mch-veh .vh-seg .s-na input:checked + span{background:#5d6b66; border-color:#5d6b66; color:#fff}
.mch-veh .vh-defect{border-color:#f0c6c0; background:#fffafa}
.mch-veh .vh-defect h3{color:var(--rose)}

/* photos */
.mch-veh .vh-photos{display:grid; grid-template-columns:repeat(auto-fill,minmax(92px,1fr)); gap:8px; margin:0 0 12px}
.mch-veh .vh-photos:empty{display:none}
.mch-veh .vh-photos figure{position:relative; margin:0; aspect-ratio:1; border-radius:10px; overflow:hidden; background:#eee}
.mch-veh .vh-photos img{width:100%; height:100%; object-fit:cover; display:block}
.mch-veh .vh-photos button{position:absolute; top:5px; right:5px; width:28px; height:28px; border-radius:50%; border:0;
  display:grid; place-items:center; background:rgba(15,38,32,.75); color:#fff; cursor:pointer}
.mch-veh .vh-addphoto[hidden]{display:none}

/* third parties */
.mch-veh .vh-third summary{list-style:none; cursor:pointer}
.mch-veh .vh-third summary::-webkit-details-marker{display:none}
.mch-veh .vh-third summary h3{margin:0}
.mch-veh .vh-third summary h3:after{content:"+"; margin-left:auto; font:400 22px/1 var(--sans); color:var(--ink-3)}
.mch-veh .vh-third[open] summary h3{margin-bottom:14px}
.mch-veh .vh-third[open] summary h3:after{content:"–"}

/* confirm + send */
.mch-veh .vh-confirm{position:relative; display:flex; gap:13px; align-items:flex-start; background:var(--card); border:1.5px solid var(--line);
  border-radius:var(--r); padding:16px; margin:0 0 14px; cursor:pointer; transition:border-color .2s, background .2s}
.mch-veh .vh-confirm.bad{border-color:var(--rose); animation:vhShake .35s}
.mch-veh .vh-confirm input{position:absolute; opacity:0; pointer-events:none}
.mch-veh .vh-confirm .box{flex:none; width:24px; height:24px; border-radius:7px; border:1.5px solid var(--ink-3);
  display:grid; place-items:center; color:transparent; transition:all .15s}
.mch-veh .vh-confirm b{display:block; font-size:15px; font-weight:600; line-height:1.4}
.mch-veh .vh-confirm small{display:block; font-size:12.5px; color:var(--ink-3); margin-top:2px}
.mch-veh .vh-confirm:has(input:checked){border-color:var(--brand); background:var(--brand-wash)}
.mch-veh .vh-confirm input:checked + .box{background:var(--brand); border-color:var(--brand); color:#fff}
.mch-veh .vh-send{position:sticky; bottom:0; z-index:5; margin:0 -18px; padding:14px 18px 18px;
  background:linear-gradient(rgba(247,245,240,0), var(--sand) 35%)}
.mch-veh .vh-msg{margin:0 0 10px; font-size:13.5px; text-align:center}
.mch-veh .vh-msg:empty{display:none}
.mch-veh .vh-msg.err{color:var(--rose); font-weight:600}
.mch-veh .vh-btn{display:inline-flex; align-items:center; justify-content:center; gap:9px; border-radius:12px; border:1.5px solid transparent;
  padding:14px 22px; font:600 16px/1.2 var(--sans); cursor:pointer; text-decoration:none; transition:transform .15s, box-shadow .2s, background .2s}
.mch-veh .vh-btn:active{transform:scale(.98)}
.mch-veh .vh-btn.go{width:100%; background:var(--brand); color:#fff; box-shadow:0 8px 22px rgba(26,99,80,.3); min-height:54px}
.mch-veh .vh-btn.go:disabled{opacity:.7; cursor:progress}
.mch-veh .vh-form[data-form="report"] .vh-btn.go{background:var(--rose); box-shadow:0 8px 22px rgba(168,58,47,.28)}
.mch-veh .vh-btn.back{background:var(--card); color:var(--ink-2); border-color:var(--line); box-shadow:var(--sh-1)}
.mch-veh .vh-btn.back:hover{border-color:var(--brand); color:var(--brand)}
.mch-veh .vh-addphoto{font-size:15px; padding:11px 18px}
.mch-veh .vh-spin{width:17px; height:17px; border-radius:50%; border:2.5px solid rgba(255,255,255,.4); border-top-color:#fff; animation:vhSpin .7s linear infinite}

/* done */
.mch-veh .vh-done{text-align:center; background:var(--card); border:1px solid var(--line); border-radius:var(--r);
  padding:36px 20px 30px; margin-top:18px; box-shadow:var(--sh-2); scroll-margin-top:20px}
.mch-veh .vh-done[hidden]{display:none}
.mch-veh .vh-ring{width:84px; height:84px; margin:0 auto 16px; border-radius:50%; display:grid; place-items:center; color:#fff;
  background:var(--ok); box-shadow:0 0 0 10px var(--brand-wash); animation:vhPop .45s cubic-bezier(.2,1.4,.4,1)}
.mch-veh .vh-done.is-warn .vh-ring{background:var(--amber); box-shadow:0 0 0 10px var(--amber-wash)}
.mch-veh .vh-done.is-dnd .vh-ring{background:var(--rose); box-shadow:0 0 0 10px var(--rose-wash)}
.mch-veh .vh-done h2{font-size:26px; margin:0 0 8px}
.mch-veh .vh-done p{max-width:46ch; margin:0 auto 10px; color:var(--ink-2)}
.mch-veh .vh-done .vh-small{font-size:13px; color:var(--ink-3)}
.mch-veh .vh-acts{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:18px}

@keyframes vhSpin{to{transform:rotate(360deg)}}
@keyframes vhPop{from{transform:scale(.4); opacity:0}to{transform:scale(1); opacity:1}}
@keyframes vhShake{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@keyframes vhRise{from{opacity:0; transform:translateY(12px)}to{opacity:1; transform:none}}
@keyframes vhSelected{0%{transform:scale(.985)}65%{transform:scale(1.008)}100%{transform:none}}
@keyframes vhFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,-12px,0)}}
@keyframes vhPulse{0%,100%{transform:scale(1); opacity:1}50%{transform:scale(.78); opacity:.62}}
.mch-veh .vh-btn.go{background:linear-gradient(135deg,var(--brand-2),var(--brand)); background-size:160% 160%; transition:transform .15s,box-shadow .2s,background-position .35s}
.mch-veh .vh-btn.go:hover{background-position:100% 100%; box-shadow:0 11px 28px rgba(26,99,80,.36)}
@media (prefers-reduced-motion:reduce){ .mch-veh *{animation:none !important; transition:none !important} }