/* Oqora CRM · styles de la section Réglages (lot R).
   Toutes les règles sont préfixées par la classe racine de la section (.s-regl) ; seule crm.css (lot 0) définit des
   jetons :root et des règles globales (contrat H.2). Les couleurs viennent des jetons de crm.css. */
.s-regl{ display:block; }
.s-regl .sr-grille{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--sp-5); align-items:start; }
.s-regl .sr-bloc{ min-width:0; display:flex; flex-direction:column; gap:var(--sp-3); }
.s-regl .sr-bloc[data-bloc-reglages="droits"],
.s-regl .sr-bloc[data-bloc-reglages="automatisations"]{ grid-column:1 / -1; }
.s-regl .sr-tete h2{ margin:0; }
.s-regl .sr-aide{ margin:var(--sp-1) 0 0; font-size:var(--fs-sm); }
.s-regl .sr-attente{ padding:var(--sp-6) 0; }

/* Listes de lignes (droits, preuves, automatisations, appareils) */
.s-regl .sr-liste{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--sp-2); }
.s-regl .sr-ligne{ background:var(--bande); border-radius:var(--r-sm); padding:var(--sp-3) var(--sp-4);
  display:flex; flex-direction:column; gap:var(--sp-1); min-width:0; }
.s-regl .sr-ligne--alerte{ background:var(--rouge-tint); }
.s-regl .sr-ligne-haut{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3);
  flex-wrap:wrap; }
.s-regl .sr-nom{ font-weight:650; color:var(--ink); overflow-wrap:anywhere; }
.s-regl .sr-etat{ flex:none; padding:4px 12px; }
.s-regl .sr-detail{ margin:0; font-size:var(--fs-sm); overflow-wrap:anywhere; }
.s-regl .sr-sans{ color:var(--rouge); font-weight:600; }
.s-regl .sr-actions{ display:flex; align-items:center; gap:var(--sp-3); flex-wrap:wrap; margin-top:var(--sp-1); }
.s-regl .sr-quand{ font-size:var(--fs-sm); }
.s-regl .sr-danger{ color:var(--rouge); }

/* Messages mis en avant */
.s-regl .sr-alerte{ margin:0; background:var(--rouge-tint); color:var(--rouge); font-weight:650;
  border-radius:var(--r-sm); padding:var(--sp-3) var(--sp-4); }
.s-regl .sr-note{ margin:0; background:var(--ambre-tint); color:var(--ambre); border-radius:var(--r-sm);
  padding:var(--sp-2) var(--sp-4); font-size:var(--fs-sm); }
.s-regl .sr-fort{ margin:0; font-weight:650; color:var(--ink); }
.s-regl .sr-sous-titre{ margin:var(--sp-2) 0 0; font-weight:700; color:var(--ink); }
.s-regl .sr-bloc p{ margin:0; }

/* Texte F.2 : déplié, étapes numérotées */
.s-regl .sr-f2{ background:var(--bleu-tint); border-radius:var(--r-sm); padding:0 var(--sp-4) var(--sp-3); }
.s-regl .sr-f2 > summary,
.s-regl .sr-plie > summary{ cursor:pointer; min-height:var(--tap); display:flex; align-items:center;
  font-weight:700; color:var(--ink); list-style-position:inside; }
.s-regl .sr-f2 > p{ margin:0 0 var(--sp-2); }
.s-regl .sr-etapes{ margin:0; padding-left:var(--sp-5); display:flex; flex-direction:column; gap:var(--sp-2); }
.s-regl .sr-etapes li{ overflow-wrap:anywhere; }
.s-regl .sr-cases{ margin:var(--sp-1) 0 0; padding-left:var(--sp-5); display:flex; flex-direction:column; gap:2px; }

/* Petites lignes « nom : valeur » (détail de la lecture, règles) */
.s-regl .sr-minis{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.s-regl .sr-mini{ display:flex; justify-content:space-between; gap:var(--sp-3); flex-wrap:wrap;
  padding:var(--sp-2) 0; border-bottom:1px solid var(--rule-soft); font-size:var(--fs-sm); }
.s-regl .sr-mini:last-child{ border-bottom:0; }
.s-regl .sr-valeur{ font-weight:650; color:var(--ink); text-align:right; }
.s-regl .sr-ecart{ flex-basis:100%; color:var(--ambre); font-weight:600; }

/* Lecture : étapes du pipeline à mettre à jour, fiches écartées des listes */
.s-regl .sr-pipeline,
.s-regl .sr-ecartees{ display:flex; flex-direction:column; gap:var(--sp-2); min-width:0; }
.s-regl .sr-pipeline p,
.s-regl .sr-ecartees li{ overflow-wrap:anywhere; }

/* Noms (accès, phase d'essai) et lien Meet */
.s-regl .sr-noms{ margin:0; padding-left:var(--sp-5); }
.s-regl .sr-lien a{ display:inline-flex; align-items:center; min-height:var(--tap); color:var(--bleu);
  font-weight:650; overflow-wrap:anywhere; word-break:break-all; }

/* Téléphone : une colonne, rien ne déborde */
@media (max-width:900px){
  .s-regl .sr-grille{ grid-template-columns:minmax(0, 1fr); }
}
@media (max-width:640px){
  .s-regl .sr-ligne{ padding:var(--sp-3); }
  .s-regl .sr-actions .btn{ flex:1 1 100%; white-space:normal; }
  .s-regl .sr-valeur{ text-align:left; }
}