/* Shared FleetDV vehicle-photo presentation. Original files and storage references stay untouched. */
.fleet-vehicle-image{position:relative;width:100%;height:100%;min-width:0;overflow:hidden;background:linear-gradient(145deg,#e4eae7 0%,#f4f7f5 55%,#dce5e1 100%)}
.fleet-vehicle-image>img{display:block;width:100%;height:100%;padding:5px;box-sizing:border-box;object-fit:contain;object-position:var(--vehicle-image-position,50% 50%);background:transparent}
.fleet-vehicle-image>.vehicle-image-fallback{width:100%;height:100%;min-height:0!important;border-radius:0}
.fleet-vehicle-image--hero,.fleet-vehicle-image--card{aspect-ratio:16/9}
.fleet-vehicle-image--thumbnail{aspect-ratio:4/3}

/* Vehicles */
.vehicle-card-media{aspect-ratio:16/9;height:auto;background:#e4eae7}
.vehicle-card-media>.fleet-vehicle-image{position:absolute;inset:0;aspect-ratio:auto}

/* Expenses */
.expense-vehicle-media{height:auto;aspect-ratio:16/9;background:#e4eae7}
.expense-vehicle-media>.fleet-vehicle-image{position:absolute;inset:0;aspect-ratio:auto}
.expense-group-vehicle>.fleet-vehicle-image{width:62px;height:46px;aspect-ratio:4/3;flex:0 0 auto;border-radius:9px}
.expense-group-vehicle>.fleet-vehicle-image>img{padding:2px}
.expense-group-vehicle>.fleet-vehicle-image .vehicle-image-fallback{display:grid;place-items:center}
.expense-group-vehicle>.fleet-vehicle-image .vehicle-image-fallback small{display:none}
.expense-card-add{z-index:2}

/* Maintenance: landscape photo above the summary on every viewport. */
.maintenance-card-hero{display:block;min-height:0}
.maintenance-card-media{width:100%;min-height:0;aspect-ratio:16/9;background:#e4eae7}
.maintenance-card-media>.fleet-vehicle-image{width:100%;height:100%;aspect-ratio:auto}
.maintenance-card-summary{padding:17px 18px}
.maintenance-card-empty .maintenance-summary-grid{margin-top:12px}
.maintenance-card-empty .maintenance-timeline{padding:0 18px 16px}
.maintenance-card-empty .maintenance-timeline-head{display:none}
.maintenance-card-empty .maintenance-empty{margin:0;padding:12px 0 0;border-top:1px solid var(--line)}

/* Profit & Earnings */
.annual-vehicle-media>.fleet-vehicle-image{height:100%;min-height:220px;aspect-ratio:auto}
.annual-vehicle-media>.fleet-vehicle-image>img{padding:4px}

/* Decisions */
.decision-vehicle-photo>.fleet-vehicle-image{width:100%;height:100%;aspect-ratio:auto}
.decision-vehicle-photo>.fleet-vehicle-image>img{padding:2px}

.experience-modern .fleet-vehicle-image{background:linear-gradient(145deg,#e7eef6,#f7faff 58%,#dde8f4)}
.experience-premium .fleet-vehicle-image{background:linear-gradient(145deg,#dfe6ef,#f8faff 58%,#d8e1ed)}

@media(max-width:780px){
  .expense-vehicle-card{display:block}
  .expense-vehicle-media{width:100%;min-height:0;aspect-ratio:16/9}
  .expense-vehicle-content{padding:15px}
  .expense-card-add{left:auto;right:10px;bottom:10px;width:auto;padding:0 11px}
  .maintenance-card-hero{display:block}
  .maintenance-card-media{min-height:0;max-height:none;aspect-ratio:16/9}
  .maintenance-card-summary{padding:15px}
  .annual-vehicle-card{grid-template-columns:1fr}
  .annual-vehicle-media{min-height:0;aspect-ratio:16/9}
  .annual-vehicle-media>.fleet-vehicle-image{min-height:0;max-height:none;aspect-ratio:auto}
}

@media(max-width:430px){
  .vehicle-card-media,.expense-vehicle-media,.maintenance-card-media,.annual-vehicle-media{aspect-ratio:16/9;min-height:0;max-height:none}
  .expense-vehicle-card{grid-template-columns:1fr}
  .expense-vehicle-media{min-height:0}
  .maintenance-summary-grid{grid-template-columns:1fr 1fr}
  .maintenance-card-empty .maintenance-summary-grid{grid-template-columns:1fr 1fr}
}