body { background-color: #f7f8fa; }
.navbar-sca { background-color: #1f4a8f !important; }
.card { border: none; box-shadow: 0 1px 3px rgba(0,0,0,.08); border-radius: .6rem; }
.stat-card { text-align: center; padding: 1.25rem; }
.stat-card .stat-value { font-size: 2rem; font-weight: 700; }
.stat-card .stat-label { color: #6c757d; font-size: .85rem; text-transform: uppercase; letter-spacing: .03em; }
.table-suivi { font-size: .85rem; }
.table-suivi th { position: sticky; top: 0; background: #fff; white-space: nowrap; }
.section-title { margin-top: 1.5rem; margin-bottom: .75rem; font-weight: 600; border-bottom: 2px solid #e9ecef; padding-bottom: .3rem; }
.badge-anomalie { background-color: #dc3545; }

/* Classement par lettre (audits transporteurs) : A > 80 %, 70 < B <= 80, 60 < C <= 70, D <= 60. */
.badge-lettre { display:inline-block; min-width:2.6rem; padding:.25rem .5rem; border-radius:.35rem; font-weight:600; text-align:center; color:#1b1b1b; }
.badge-lettre-a { background:#29b6e8; color:#fff; }
.badge-lettre-b { background:#f5a623; color:#3a2900; }
.badge-lettre-c { background:#2e8b57; color:#fff; }
.badge-lettre-d { background:#d8cef6; color:#3a2f4d; }

/* Pourcentage coloré selon le classement par lettre (A/B/C/D), utilisé dans les tableaux denses. */
.badge-note {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.6rem;
  padding: .25rem .5rem;
  border-radius: .35rem;
  font-weight: 700;
  font-size: .8rem;
  line-height: 1;
  cursor: default;
}

/* Légende du classement par lettre (couleurs), affichée près des tableaux/dashboards concernés. */
.legende-lettres {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  font-size: .78rem;
  color: #6c757d;
}
.legende-lettres .badge-lettre { min-width: 1.6rem; padding: .15rem .4rem; font-size: .75rem; }

/* Ligne d'audit (et ses suivis) d'un transporteur devenu inactif : conservée pour l'historique mais grisée et barrée. */
tr.transporteur-inactif { color: #adb5bd; }
tr.transporteur-inactif a { color: inherit; }
tr.transporteur-inactif td,
tr.transporteur-inactif a,
tr.transporteur-inactif .badge-lettre,
tr.transporteur-inactif .badge-note { text-decoration: line-through; }
tr.transporteur-inactif .badge-lettre,
tr.transporteur-inactif .badge-note { background: #e9ecef !important; color: #adb5bd !important; }