/* Les actions de Ma forme, Mes sorties, la fiche d'une sortie et À revoir (groupe « reglages »).
   Dash charge les feuilles par ordre alphabétique : celle-ci passe AVANT `rp.css` ; elle
   n'emploie que ses classes `rp-reglages-*` (et des sélecteurs plus précis pour les boutons Mantine). */

/* Un bouton Mantine qui porte la classe .rp-bouton : même allure que les liens-boutons. */
.mantine-Button-root.rp-bouton { height: auto; min-height: 44px; font-weight: 600; }
.rp-carte .mantine-Button-root.rp-bouton-contour,
.mantine-Modal-content .mantine-Button-root.rp-bouton-contour {
  border: 1px solid var(--rp-accent);
  color: var(--rp-accent) !important;
  background: transparent;
}
.rp-carte .mantine-Button-root.rp-bouton:not(.rp-bouton-contour),
.mantine-Modal-content .mantine-Button-root.rp-bouton:not(.rp-bouton-contour) {
  background: var(--rp-accent);
  color: #fff !important;
}

/* Les phrases après une écriture. */
.rp-reglages-ok { display: inline-block; }
.rp-reglages-echec { color: var(--rp-texte); font-size: var(--rp-taille-secondaire); padding: var(--rp-espace-2) 0; }
.rp-reglages-etat { margin-top: var(--rp-espace-3); }

/* Les champs d'un formulaire. */
.rp-reglages-champs { display: flex; flex-direction: column; gap: var(--rp-espace-3); }
.rp-reglages-champ { max-width: 360px; }
.rp-reglages-rangee { display: flex; flex-wrap: wrap; gap: var(--rp-espace-2); align-items: center; }
.rp-reglages-pile { display: flex; flex-direction: column; gap: var(--rp-espace-2); }
.rp-reglages-saisie { width: 110px; }
.rp-reglages-borne { width: 90px; }

/* Une valeur de référence dans la fenêtre « Régler mes valeurs ». */
.rp-reglages-repere {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1.3fr);
  gap: var(--rp-espace-4);
  padding: var(--rp-espace-4) 0;
  border-top: 1px solid var(--rp-ligne-douce);
  align-items: start;
}
.rp-reglages-valeur { font-family: var(--rp-police-chiffres); font-size: var(--rp-taille-titre-bloc); font-weight: 600; }
.rp-reglages-chiffre { font-family: var(--rp-police-chiffres); }

/* Les zones : les bornes à gauche, l'aperçu à droite. */
.rp-reglages-zones { display: flex; flex-wrap: wrap; gap: var(--rp-espace-5); margin: var(--rp-espace-3) 0; }
.rp-reglages-zones > div:first-child { flex: 1 1 220px; }
.rp-reglages-zones > div:last-child { flex: 2 1 320px; }

@media (max-width: 720px) {
  .rp-reglages-repere { grid-template-columns: minmax(0, 1fr); }
}

/* Les fenêtres (sur fond clair) : un peu d'air entre les blocs. */
.mantine-Modal-content .mantine-Tabs-panel { display: flex; flex-direction: column; gap: var(--rp-espace-3); padding-top: var(--rp-espace-4); }
.mantine-Modal-content .rp-reglages-repere .mantine-Button-root { justify-content: center; }