/* Tableau de bord et lignes de courses (app Mantine). Les valeurs viennent des jetons (variables
   --rp-* posées dans la page). Dash charge les feuilles par ordre alphabétique : celle-ci passe
   AVANT rp.css ; elle n'emploie donc que ses propres classes (rp-tdb-*). */

/* --- Une ligne entière qui mène quelque part (courses, répétitions) ---------------------- */
a.rp-tdb-ligne-lien { display: block; color: var(--rp-texte); text-decoration: none; border-radius: var(--rp-rayon-petit); }
a.rp-tdb-ligne-lien:hover { background: var(--rp-ligne-douce); color: var(--rp-texte); }
a.rp-tdb-ligne-lien .rp-zone-valeur { font-family: var(--rp-police-texte); font-size: var(--rp-taille-corps); }
.rp-tdb-discret { color: var(--rp-texte-secondaire); font-size: var(--rp-taille-mention); }
.rp-tdb-liste-haute { padding: var(--rp-espace-2) 0; line-height: 1.35; }
.rp-tdb-liste-haute strong { font-weight: 600; }

/* --- Tableau de bord : une ligne par calcul ---------------------------------------------- */
.rp-tdb-ligne {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  gap: var(--rp-espace-4);
  align-items: start;
  padding: var(--rp-espace-3) 0;
  border-top: 1px solid var(--rp-ligne-douce);
}
.rp-tdb-ligne-outil { grid-template-columns: minmax(0, 1fr) auto; }
.rp-tdb-etape { font-size: var(--rp-taille-mention); letter-spacing: 1px; text-transform: uppercase; color: var(--rp-texte-secondaire); padding-top: 2px; }
.rp-tdb-quoi { font-weight: 600; }
.rp-tdb-pourquoi { font-size: var(--rp-taille-secondaire); color: var(--rp-texte-secondaire); }
.rp-tdb-commande {
  display: inline-block;
  margin-top: var(--rp-espace-1);
  font-family: var(--rp-police-chiffres);
  font-size: var(--rp-taille-mention);
  background: var(--rp-ligne-douce);
  border-radius: var(--rp-rayon-petit);
  padding: 2px var(--rp-espace-2);
  overflow-wrap: anywhere;
}
.rp-tdb-droite { text-align: right; }
.rp-tdb-action { font-size: var(--rp-taille-secondaire); font-weight: 600; text-decoration: none; white-space: nowrap; display: inline-flex; min-height: 32px; align-items: center; }
.rp-tdb-sous { display: flex; flex-direction: column; gap: var(--rp-espace-2); margin-top: var(--rp-espace-4); }
.rp-tdb-echec { color: var(--rp-sombre-texte); }
.rp-tdb-tuile-lien { font-size: var(--rp-taille-secondaire); font-weight: 600; text-decoration: none; }
.rp-tdb-tuiles .rp-chiffre-secondaire { font-size: var(--rp-taille-titre-bloc); }

/* --- Téléphone : sous 768 px ------------------------------------------------------------- */
@media (max-width: 767px) {
  .rp-tdb-ligne { grid-template-columns: minmax(0, 1fr); gap: var(--rp-espace-1); }
  .rp-tdb-droite { text-align: left; }
}

/* --- I18 : ce qui est à refaire, dans l'ordre -------------------------------------------- */
.rp-tdb-ordre { display: flex; flex-direction: column; }
.rp-tdb-etape-ordre { padding: var(--rp-espace-2) 0; border-top: 1px solid var(--rp-ligne-douce); line-height: 1.35; }
.rp-tdb-etape-ordre:first-child { border-top: none; }
.rp-tdb-numero { font-family: var(--rp-police-chiffres); color: var(--rp-texte-secondaire); }
.rp-tdb-temps, .rp-tdb-apres { font-size: var(--rp-taille-secondaire); color: var(--rp-texte-secondaire); white-space: nowrap; }
.rp-tdb-replie > summary { cursor: pointer; }