/* Product Version 127 — data-integrity and analytical presentation corrections. */
#odometerForm .form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}

/* Profit detail uses the same semantic surfaces in every experience and appearance. */
#earningsView .profit-month-card,
#earningsView .annual-kpi-card,
#earningsView .annual-month-card,
#earningsView .annual-vehicle-card{background:var(--surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
#earningsView .profit-formula-grid{gap:8px;margin:12px 0 8px}
#earningsView .profit-formula-grid>div,
#earningsView .annual-vehicle-metrics>div,
#earningsView .annual-highlights article{min-width:0;background:var(--surface-raised)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important}
#earningsView :is(.profit-formula-grid,.annual-vehicle-metrics)>div span,
#earningsView :is(.profit-formula-grid,.annual-vehicle-metrics)>div small{color:var(--text-secondary)!important}
#earningsView :is(.profit-formula-grid,.annual-vehicle-metrics)>div strong{color:var(--text-primary)!important}
#earningsView .profit-formula-grid>div{min-height:0;padding:10px 11px}
#earningsView .profit-detail-row{background:transparent!important;color:var(--text-primary)!important;border-color:var(--border)!important}
#earningsView .profit-detail-row span{color:var(--text-secondary)!important}
#earningsView .profit-detail-row strong{color:var(--text-primary)!important}

/* Canonical analytical vehicle imagery: recognizable full vehicle, never a strip. */
:is(#earningsView,#performanceView,#decisionsView,#mileageView,#maintenanceView,#expensesView) .fleet-vehicle-image,
.pricing-signal-card .fleet-vehicle-image{background:var(--surface-raised)!important;border:1px solid var(--border);border-radius:12px}
:is(#earningsView,#performanceView,#decisionsView,#mileageView,#maintenanceView,#expensesView) .fleet-vehicle-image>img,
.pricing-signal-card .fleet-vehicle-image>img{object-fit:contain!important;object-position:var(--vehicle-image-position,50% 50%)!important;padding:5px}

#earningsView .annual-vehicle-card{grid-template-columns:minmax(150px,190px) minmax(0,1fr);align-items:start}
#earningsView .annual-vehicle-media{min-height:0;height:auto;aspect-ratio:4/3;margin:14px 0 14px 14px;background:transparent;overflow:visible}
#earningsView .annual-vehicle-media>.fleet-vehicle-image{width:100%;height:100%;min-height:0;aspect-ratio:4/3}
#earningsView .annual-vehicle-media>.annual-vehicle-fallback{min-height:0;height:100%;border-radius:12px}

#decisionsView .decision-vehicle-photo{width:88px;height:66px;min-width:88px}
#decisionsView .decision-vehicle-photo>.fleet-vehicle-image{width:88px;height:66px;aspect-ratio:4/3}
.pricing-signal-card>.fleet-vehicle-image{width:88px;height:66px;aspect-ratio:4/3;align-self:start}

@media(max-width:780px){
  #odometerForm .form-actions{grid-template-columns:1fr}
  #earningsView .annual-vehicle-card{grid-template-columns:1fr}
  #earningsView .annual-vehicle-media{width:auto;margin:12px 12px 0;aspect-ratio:16/10}
  #earningsView .annual-vehicle-media>.fleet-vehicle-image{aspect-ratio:16/10}
}