/* marges.css — Rentabilité de la flotte (tickets #43 et #25) : page #/rentabilite et carte de la fiche d'équipement. */
.mg-kpis { margin-bottom: 14px; }
.mg-note { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: var(--amber-bg); border: 1px solid rgba(245, 158, 11, .45); font-size: 13.5px; }
.mg-sel { width: auto; min-width: 170px; }
.mg-chk { display: inline-flex; gap: 6px; align-items: center; color: var(--muted); font-size: 13px; white-space: nowrap; }
.mg-t th.mg-tri { cursor: pointer; user-select: none; }
.mg-t th.mg-tri:hover, .mg-t th.mg-tri.on { color: var(--text); }
.mg-barre { height: 4px; border-radius: 4px; background: var(--line-2); margin: 0 0 4px auto; width: 70px; overflow: hidden; }
.mg-barre i { display: block; height: 100%; background: var(--green); }
.mg-pied { margin-top: 12px; font-size: 12px; line-height: 1.5; }
.mg-carte h2 { display: flex; justify-content: space-between; align-items: baseline; }
.mg-lien { font-size: 12.5px; font-weight: 500; }
.mg-carte .dl { grid-template-columns: 150px 1fr; }
.mg-mini { margin-top: 12px; font-size: 13px; }
.mg-mini th, .mg-mini td { padding: 6px 6px; }
@media (max-width: 760px) {
  .mg-sel { flex: 1; min-width: 0; }
  .mg-barre { margin-left: 0; }
}