.vehicle-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:20px;align-items:start}.vehicle-list{position:sticky;top:15px}.vehicle-picker{width:100%;display:grid;gap:5px;text-align:left;background:white;padding:15px 18px;border-top:1px solid var(--line);color:var(--ink)}.vehicle-picker:hover,.vehicle-picker.active{background:#ecf8f5}.vehicle-picker.active{box-shadow:inset 3px 0 var(--teal)}.vehicle-picker strong{font-size:13px}.vehicle-picker small{font-size:11px;color:var(--muted)}.vehicle-main{min-width:0;display:grid;gap:20px}.vehicle-detail>.panel-head{flex-wrap:wrap}.vehicle-alerts{display:grid;gap:8px;padding:0 22px 18px}.vehicle-alert{display:flex;gap:12px;align-items:baseline;padding:11px 13px;border-radius:6px;font-size:12px;background:#fff6e7;color:#866017}.vehicle-alert.overdue{background:#fff0ec;color:#9b4434}.vehicle-alert strong{min-width:94px}.vehicle-clear{font-size:12px;color:#27816b;padding:0 22px 17px;margin:0}.vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:0 22px 20px}.vehicle-grid h3,.vehicle-policy h3{font-size:15px;margin:0 0 10px}.vehicle-grid dl{margin:0}.vehicle-grid dl>div{padding:9px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;font-size:12px}.vehicle-grid dt{color:var(--muted)}.vehicle-grid dd{margin:0;overflow-wrap:anywhere}.vehicle-grid a{color:var(--teal);text-decoration:underline}.vehicle-notes{margin:0 22px 20px;font-size:12px;line-height:1.5}.vehicle-policy{padding:20px 22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vehicle-policy h3,.vehicle-policy p{width:100%;margin:0}.vehicle-policy p{font-size:12px;color:var(--muted);line-height:1.5}.vehicle-upload{position:relative;overflow:hidden;cursor:pointer}.vehicle-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.vehicle-upload-status{font-size:12px;color:var(--muted)}.vehicle-mileage-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:0 22px 20px}.vehicle-mileage-form .field{flex:1;min-width:135px}.vehicle-mileage-form .form-error{width:100%;margin:0}.vehicle-mileage-history{border-top:1px solid var(--line);padding:8px 22px 20px}.vehicle-mileage-history>div{display:grid;grid-template-columns:85px 125px minmax(0,1fr);gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.vehicle-mileage-history small{color:var(--muted)}.vehicle-mileage-history p{font-size:12px;color:var(--muted)}.account-vehicle-link{border-top:1px solid var(--line);padding-top:17px}.account-vehicle-link strong{font-size:14px}.account-vehicle-link p{margin:6px 0 12px}
@media(max-width:950px){.vehicle-layout{grid-template-columns:1fr}.vehicle-list{position:static}.vehicle-grid{grid-template-columns:1fr}}@media(max-width:700px){.vehicle-grid{padding:0 16px 16px}.vehicle-grid dl>div{grid-template-columns:90px minmax(0,1fr)}.vehicle-policy,.vehicle-alerts,.vehicle-mileage-history{padding-left:16px;padding-right:16px}.vehicle-mileage-form{padding-left:16px;padding-right:16px}}
.vehicle-reminder-note{font-size:12px;color:var(--muted);line-height:1.5;margin:-10px 0 18px}
.vehicle-offline{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 18px;border-left:4px solid var(--teal)}.vehicle-offline strong{font-size:14px}.vehicle-offline p{font-size:12px;color:var(--muted);line-height:1.5;margin:4px 0 0}.vehicle-offline-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.vehicle-offline-actions a{text-decoration:none;white-space:nowrap}
@media(max-width:700px){.vehicle-offline{align-items:stretch;flex-direction:column}.vehicle-offline-actions{justify-content:stretch}.vehicle-offline-actions>*{flex:1;text-align:center}}
.vehicle-owner,.vehicle-detail-owner{display:flex;align-items:center;gap:7px;color:#496c78;font-size:11px}.vehicle-owner .mini-avatar,.vehicle-detail-owner .mini-avatar,.fleet-reminder .mini-avatar{display:inline-grid;width:22px;height:22px;min-width:22px;max-width:22px;flex:0 0 22px;place-items:center;border-radius:50%;overflow:hidden;font-size:8px}.vehicle-owner .mini-avatar img,.vehicle-detail-owner .mini-avatar img,.fleet-reminder .mini-avatar img{display:block;width:22px!important;height:22px!important;min-width:22px;max-width:22px;min-height:22px;max-height:22px;object-fit:cover;border-radius:50%}.vehicle-detail-owner{margin:7px 0 3px!important}.vehicle-private-summary{padding:14px;border:1px solid #deeaed;border-radius:8px;background:#f7fafb}.vehicle-private-summary p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.fleet-reminders{margin:0 0 20px}.fleet-reminder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0;border-top:1px solid var(--line)}.fleet-reminder{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;text-align:left;padding:13px 18px;background:#fff;color:var(--ink);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.fleet-reminder:hover{background:#f3f9f7}.fleet-reminder>span:last-child{display:grid;gap:4px;min-width:0}.fleet-reminder strong{font-size:12px}.fleet-reminder small{font-size:11px;color:var(--muted);line-height:1.45}.fleet-reminder.overdue{box-shadow:inset 3px 0 #d9775d}.fleet-reminder.soon{box-shadow:inset 3px 0 #d5a544}.fleet-clear{padding:16px 20px;display:flex;gap:12px;align-items:center}.fleet-clear span{color:var(--muted);font-size:12px}@media(max-width:700px){.fleet-reminder-grid{grid-template-columns:1fr}}