/* Approved compact, colorful report design; scoped to the report screen. */
#vehicle.compact-report{background:#fffdf7;padding-bottom:24px}
#vehicle.compact-report .journey-brand{background:linear-gradient(90deg,#104a36 38%,#104a36cc 64%,#104a3633),url('road-banner-art.webp') center right/cover;min-height:78px}
#vehicle .compact-brand-copy{display:grid;gap:3px}
#vehicle .compact-brand-copy small{font-size:10px;letter-spacing:0;font-weight:500;color:#dceee2}
#vehicle.compact-report .top{padding:12px 0 4px;gap:8px;margin:0}
#vehicle.compact-report .top h2{font-size:23px;color:#114b35;letter-spacing:-.5px}
#vehicle .compact-step{margin-left:auto;font-size:11px;color:#536c80;white-space:nowrap}
#vehicle .compact-subtitle{font-size:13px;color:#526b7d;margin:0 0 12px 44px}
#vehicle.compact-report .colorful-vehicle-types{background:#fff1c9;padding:10px;border-radius:16px;margin:10px 0}
#vehicle.compact-report .colorful-vehicle-types>label{font-size:16px;color:#18472f;margin-bottom:8px}
#vehicle.compact-report #types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#vehicle.compact-report #types .choice{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:76px;padding:8px 3px;text-align:center;font-size:11px;line-height:1.15;border:1px solid #fff;border-radius:11px}
#vehicle.compact-report #types .choice:nth-child(1){background:#e5f7e8}
#vehicle.compact-report #types .choice:nth-child(2){background:#e2f1ff}
#vehicle.compact-report #types .choice:nth-child(3){background:#ffede8}
#vehicle.compact-report #types .choice:nth-child(4){background:#eee5ff}
#vehicle.compact-report #types .choice:nth-child(5){background:#ddf7e9}
#vehicle.compact-report #types .choice:nth-child(6){background:#fff6d8}
#vehicle.compact-report #types .choice.selected{border:2px solid #087044;box-shadow:0 0 0 1px #087044;background:#f4fff5}
#vehicle.compact-report #types .vehicle-symbol{font-size:32px;line-height:1.1}
#vehicle.compact-report #types .dot{display:none}
#vehicle.compact-report #types .selected .dot{display:grid;position:absolute;top:3px;right:3px;width:17px;height:17px;border:0}
#vehicle .compact-vehicle-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#vehicle.compact-report .compact-vehicle-details .input,#vehicle.compact-report .compact-countries .input{padding:9px 8px;font-size:14px;letter-spacing:0;border-radius:9px}
#vehicle.compact-report .compact-vehicle-details .field,#vehicle.compact-report .compact-countries .field{margin:6px 0}
#vehicle.compact-report .field>label{color:#182c50;font-size:12px}
#vehicle.compact-report .input{border-color:#c6d2e0;background:#fff}
#vehicle.compact-report .simple-rewards{font-size:11px;background:#e5f4ea;border:0;color:#28533d;margin:8px 0}
#vehicle.compact-report .simple-when{background:#e0f3ff;border:0;border-radius:15px;padding:10px;margin:10px 0}
#vehicle.compact-report .simple-when legend{float:left;width:100%;padding:0;color:#19365c;font-size:16px}
#vehicle.compact-report .simple-time-choices{clear:both;gap:6px}
#vehicle.compact-report .simple-time-choices button{border-radius:9px;background:#fff;font-size:12px}
#vehicle.compact-report .simple-time-choices button[aria-pressed=true]{background:#126342;color:#fff}
#vehicle.compact-report .simple-observed{background:#fff0f5;border-radius:15px;padding:10px;border:0;margin:10px 0}
#vehicle.compact-report .concern-heading{font-size:19px;color:#142b54;line-height:1.2}
#vehicle.compact-report .category-hint{line-height:1.35}
#vehicle.compact-report .category-row{border:0;border-left:5px solid var(--row-accent,#edb632);background:var(--row-color,#fff0c8);min-height:48px;border-radius:9px;padding:5px 7px;gap:7px}
#vehicle .category-row:has(.journey-icon.gold){--row-accent:#edb632;--row-color:#fff0c8}
#vehicle .category-row:has(.journey-icon.blue){--row-accent:#59abf5;--row-color:#dfedff}
#vehicle .category-row:has(.journey-icon.purple){--row-accent:#9c6cf2;--row-color:#ebddff}
#vehicle .category-row:has(.journey-icon.coral){--row-accent:#f18b6d;--row-color:#ffe0d5}
#vehicle .category-row:has(.journey-icon.mint){--row-accent:#ee819d;--row-color:#ffe0eb}
#vehicle .category-row:has(.journey-icon.red){--row-accent:#eeb627;--row-color:#ffedc2}
#vehicle.compact-report .category-label{font-size:12px;color:#182843}
#vehicle.compact-report .journey-icon{width:29px;height:29px;background:transparent}
#vehicle.compact-report .journey-icon svg{width:25px;height:25px}
#vehicle.compact-report .category-check{width:19px;height:19px;background:#fff;border-color:#697a90}
#vehicle.compact-report .category-row.has-issues .category-check,#vehicle.compact-report .category-row[aria-pressed=true] .category-check{background:#175439;color:#fff;border-color:#175439}
#vehicle.compact-report .category-row.has-issues{outline:2px solid #175439;outline-offset:-2px}
#vehicle.compact-report .no-concerns{margin-top:8px;--row-color:#d6f3df;--row-accent:#62cb99}
#vehicle.compact-report .overall-card{background:#eae2ff;border:0;border-radius:12px;padding:10px}
#vehicle.compact-report .overall-card legend{color:#27386c}
#vehicle.compact-report .overall-card .journey-choice:first-child{background:#dcf4e1}
#vehicle.compact-report .overall-card .journey-choice:last-child{background:#ffe0e3}
#vehicle.compact-report .bottom{position:static;bottom:auto;left:auto;right:auto;transform:none;width:100%;padding:9px 16px max(9px,env(safe-area-inset-bottom));background:#fffdf7f5;box-shadow:0 -5px 20px #173e2815;border-radius:18px 18px 0 0;z-index:10}
#vehicle.compact-report .bottom .primary{min-height:46px;padding:11px;background:#115b3f}
#vehicle.compact-report .bottom small{display:block;text-align:center;font-size:11px;color:#526957;margin-top:4px}
#vehicle.compact-report .bottom .primary:disabled{opacity:1;background:#a4bdb0;color:#193f2e}
@media(max-width:350px){#vehicle.compact-report .journey-brand-name{font-size:18px}#vehicle.compact-report .compact-vehicle-details{gap:7px}#vehicle.compact-report .category-label{font-size:11px}#vehicle.compact-report .compact-subtitle{margin-left:0}#vehicle.compact-report #types .choice{font-size:10px}}

#vehicle.compact-report .perspective-arrow{display:none}
#vehicle.compact-report #reportPerspective{min-height:44px;appearance:auto;border:1.5px solid #c6d2e0;padding:9px 8px;font-size:14px;background:#fff;color:#183b2c;font-weight:500}

/* Keep the required safety controls and Continue in normal document flow. */
#vehicle.compact-report .overall-card{margin:10px 0 0;display:flow-root}
#vehicle.compact-report .overall-card legend{font-size:16px;line-height:1.3;margin-bottom:8px}
#vehicle.compact-report .overall-card .hint{font-size:12px;line-height:1.35;margin-bottom:8px}
#vehicle.compact-report .overall-card .journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#vehicle.compact-report .overall-card .journey-choice{min-height:52px;padding:10px;font-size:16px;font-weight:700;border:2px solid #668673}
#vehicle.compact-report .overall-card .journey-choice:last-child{border-color:#ba747e;color:#712a37}
#vehicle.compact-report .overall-card .journey-choice:has(input:checked){outline:2px solid #174e37;outline-offset:2px}
#vehicle.compact-report .bottom{margin-top:8px;padding-left:0;padding-right:0;box-shadow:none;background:#fffdf7;border-radius:0}

/* Larger return control and colorful vehicle details, on both journey paths. */
#vehicle.compact-report .top{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0 5px}
#vehicle.compact-report .top .back{display:grid;place-items:center;width:52px;height:52px;min-width:52px;padding:10px;border:2px solid #368366;border-radius:16px;background:#dcf5e9;color:#104e36;box-shadow:0 3px 0 #104e3614}
#vehicle.compact-report .top .back svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#vehicle.compact-report .top h2{margin:0;font-size:clamp(20px,5.6vw,25px);line-height:1.15}
#vehicle.compact-report .compact-step{font-size:11px;margin:0}
#vehicle.compact-report .compact-subtitle{margin:0 0 12px 62px}
#vehicle.compact-report .compact-vehicle-details,#vehicle.compact-report .compact-countries{gap:8px}
#vehicle.compact-report .compact-vehicle-details>.field,#vehicle.compact-report .compact-countries>.field{padding:10px 8px;border:1px solid;border-radius:13px;margin:4px 0;min-width:0}
#vehicle.compact-report .field:has(>#plate){background:#fff0b8;border-color:#e0b847}
#vehicle.compact-report .field:has(#reportPerspective){background:#dff5e8;border-color:#85cba5}
#vehicle.compact-report .field:has(>#plateCountry){background:#e9e1fb;border-color:#ba9ee2}
#vehicle.compact-report .field:has(#journeyCountry){background:#ddf0ff;border-color:#85bce1}
#vehicle.compact-report .compact-vehicle-details .field>label,#vehicle.compact-report .compact-countries .field>label{font-size:13px;line-height:1.25;margin:0 0 8px;color:#183c38}
#vehicle.compact-report .compact-help>summary{top:7px;right:5px;background:transparent}
#vehicle.compact-report .compact-vehicle-details .field:has(.compact-help)>label,#vehicle.compact-report .compact-countries .field:has(.compact-help)>label{padding-right:22px}
#vehicle.compact-report #plate{border:2px solid #d4a72f;background:#fffdf4;font-size:16px;font-weight:750;min-height:50px;padding:10px 8px;letter-spacing:.5px}
#vehicle.compact-report #plate::placeholder{font-size:12px;letter-spacing:0;text-transform:none;font-weight:600;color:#676447}
#vehicle.compact-report select.input{appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 9 7 7 7-7' fill='none' stroke='%23154f3c' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:26px 26px!important;background-position:right 8px center!important;padding:10px 38px 10px 8px!important;min-height:50px;font-size:14px;color:#183b2c}
#vehicle.compact-report .compact-vehicle-details .input:focus-visible,#vehicle.compact-report .compact-countries .input:focus-visible{outline:3px solid #176b4c;outline-offset:2px}
@media(max-width:350px){#vehicle.compact-report .top{grid-template-columns:48px minmax(0,1fr) auto;gap:7px}#vehicle.compact-report .top .back{width:48px;height:48px;min-width:48px}#vehicle.compact-report .compact-step{font-size:10px}#vehicle.compact-report .compact-subtitle{margin-left:55px}#vehicle.compact-report .compact-vehicle-details>.field,#vehicle.compact-report .compact-countries>.field{padding:9px 6px}#vehicle.compact-report .compact-vehicle-details .field>label,#vehicle.compact-report .compact-countries .field>label{font-size:12px}}

/* Larger back control on the journey-choice page. */
#journeyPath .top .back{display:inline-flex;align-items:center;justify-content:center;flex:0 0 56px;width:56px;height:56px;min-width:56px;padding:0;border:2px solid #b4cebf;border-radius:50%;background:#fff;color:#104a36;font-family:Arial,sans-serif;font-size:48px;font-weight:700;line-height:1;cursor:pointer}
#journeyPath .top .back:focus-visible{outline:3px solid #176b4c;outline-offset:3px}
#journeyPath .top h2{min-width:0}