/* Les actions de Mes plans et du Calendrier (app Mantine). Dash charge les feuilles par ordre
   alphabétique : celle-ci passe AVANT `rp.css` ; elle n'emploie que ses propres classes
   `rp-act-plans-*` (et `.rp-act-plans-bt` pour habiller un bouton Mantine du gabarit). */

/* Un bouton Mantine du gabarit (`rp-bouton`) : même allure que les liens-boutons. */
.rp-act-plans-bt.mantine-Button-root,
.rp-act-plans-bt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 var(--rp-espace-5);
  border-radius: var(--rp-rayon-moyen);
  border: 1px solid transparent;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.rp-act-plans-bt.rp-bouton-contour { border-color: var(--rp-sombre-accent); }
.rp-act-plans-bt:disabled, .rp-act-plans-bt[data-disabled] { opacity: 0.55; cursor: progress; }

/* Dans une fenêtre (fond clair), les boutons prennent l'accent clair. */
.rp-act-plans-form .rp-act-plans-bt { background: var(--rp-accent); color: var(--rp-surface) !important; border-color: var(--rp-accent); }
.rp-act-plans-form .rp-act-plans-bt.rp-bouton-contour { background: transparent; color: var(--rp-accent) !important; }

/* Petit bouton « Modifier » / « Remettre » à côté d'une ligne. */
.rp-act-plans-petit, .rp-act-plans-lien {
  background: transparent;
  border: 0;
  padding: 0 var(--rp-espace-2);
  min-height: 44px;
  font: inherit;
  font-size: var(--rp-taille-secondaire);
  color: var(--rp-accent);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rp-act-plans-lien { align-self: flex-start; padding: 0; }
.rp-act-plans-petit:hover, .rp-act-plans-lien:hover { color: var(--rp-texte); }

.rp-act-plans-ligne { display: flex; align-items: center; gap: var(--rp-espace-2); }
.rp-act-plans-ligne > a { flex: 1 1 auto; min-width: 0; }
.rp-act-plans-ligne > .rp-act-plans-petit { flex: 0 0 auto; }
/* « Modifier » et « Dupliquer » l'un au-dessus de l'autre (Alain, 30/10). */
.rp-act-plans-gestes { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: var(--rp-espace-1); }

/* Les fenêtres. */
.rp-act-plans-form { display: flex; flex-direction: column; gap: var(--rp-espace-4); }
.rp-act-plans-etiquette { font-size: var(--rp-taille-secondaire); color: var(--rp-texte-secondaire); }
.rp-act-plans-depot {
  display: block;
  padding: var(--rp-espace-5);
  border: 1px dashed var(--rp-ligne-forte);
  border-radius: var(--rp-rayon-moyen);
  text-align: center;
  color: var(--rp-texte-secondaire);
  cursor: pointer;
}
.rp-act-plans-depot:hover { border-color: var(--rp-accent); }
.rp-act-plans-depot a { color: var(--rp-accent); text-decoration: underline; }
.rp-act-plans-boutons { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--rp-espace-3); }
.rp-act-plans-gestes { justify-content: flex-start; }
.rp-act-plans-etat { margin: 0; font-size: var(--rp-taille-secondaire); color: var(--rp-texte-secondaire); }
.rp-act-plans-etat-ok { color: var(--rp-accent); font-weight: 600; }
.rp-act-plans-masquee {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--rp-espace-3);
  padding: var(--rp-espace-3) 0;
  border-top: 1px solid var(--rp-ligne-douce);
}

@media (max-width: 600px) {
  .rp-act-plans-boutons .rp-act-plans-bt { flex: 1 1 auto; }
}
.rp-act-plans-lien-fort { font-weight: 600; }

/* Le rang d'une course (U69) : le choix et sa phrase d'état, côte à côte, sans recharger. */
.rp-rang { display: flex; align-items: center; flex-wrap: wrap; gap: var(--rp-espace-2); margin-top: var(--rp-espace-2); }
.rp-act-plans-gestes .rp-rang { margin-top: 0; justify-content: flex-end; }
.rp-rang-choix { width: 11rem; }
.rp-rang-etat { font-size: var(--rp-taille-secondaire); color: var(--rp-texte-secondaire); }