/* Pourquoi ce courrier est rangé là (modules/service_client/tri/) : le volet d'un message, l'écran
   d'une famille. Les jetons sont ceux de Vision (assets/style.css) ; aucun texte n'a de largeur bornée. */

/* « Vient de », « Signal décisif », « Mots clés » : un intitulé, sa valeur. */
.scl-vient { display:grid; grid-template-columns:max-content minmax(0, 1fr); gap:4px 12px; margin:0 0 10px; font-size:12.5px; }
.scl-vient dt { color:var(--muted); font-weight:600; }
.scl-vient dd { margin:0; color:var(--ink); }
@media (max-width:700px){ .scl-vient { grid-template-columns:minmax(0, 1fr); gap:0; } .scl-vient dd { margin-bottom:6px; } }

/* Les méthodes du volet : ce que chacune propose et son avis, en mots ; sur quoi elle s'appuie, dessous.
   Les mots ne se coupent jamais au milieu (« Changement de RIB ») : ils reviennent à la ligne entiers. */
.scl-meth { width:100%; border-collapse:collapse; table-layout:auto; font-size:12.5px; margin:4px 0 0; }
.scl-meth th { text-align:left; font-size:10.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); font-weight:600; padding:4px 8px; border-bottom:1px solid var(--line); white-space:normal; }
.scl-meth td { padding:6px 8px 2px; vertical-align:top; overflow-wrap:normal; word-break:normal; hyphens:none; }
.scl-meth tr.scl-meth-sur td { padding:0 8px 6px; color:var(--muted); font-size:12px; border-bottom:1px solid var(--line); }
.scl-meth tr.scl-retenue td { background:var(--ia-w); }
.scl-meth .scl-id { white-space:nowrap; }
.meth-volet .scl-pourquoi-methode { margin:10px 0 0; font-size:12px; color:var(--muted); }
.meth-volet .lien-go { color:var(--ia); cursor:pointer; }
.meth-volet .scl-decortique { margin-top:10px; }
.meth-volet .scl-decortique > summary { cursor:pointer; font-size:12.5px; color:var(--ink-soft); }
.meth-volet .scl-decortique .tab-io { margin-top:8px; }
.scl-vient .rg-puces { display:inline-flex; flex-wrap:wrap; gap:4px; }

/* Les versions du modèle, repliées par défaut. */
.scl-versions-volet { margin-top:10px; }
.scl-versions-volet > summary { cursor:pointer; font-size:12.5px; color:var(--ink-soft); }
.scl-versions-volet .etiq { margin-left:6px; }
.scl-versions { margin-top:8px; width:100%; border-collapse:collapse; table-layout:auto; font-size:12.5px; }
.scl-versions th { text-align:left; font-size:10.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); font-weight:600; padding:4px 8px; border-bottom:1px solid var(--line); }
.scl-versions td { padding:6px 8px; border-bottom:1px solid var(--line); vertical-align:top; overflow-wrap:normal; word-break:normal; }
.scl-versions td:first-child, .scl-versions td:nth-child(2) { white-space:nowrap; }
.scl-versions tr.scl-en-service td { background:var(--ia-w); }
.scl-versions-volet .scl-versions + p { margin:6px 0 0; }

/* L'écran d'une famille */
.scl-onglets { margin:6px 0 10px; }
.scl-puces { padding:4px 0 10px; }
.scl-puces .filtre[disabled] { opacity:.45; cursor:default; }
.scl-carte { padding:0 0 4px; }
.scl-intro { color:var(--ink-soft); margin:0 0 10px; }
.scl-defauts { margin-top:14px; }
.scl-defauts h2 { font-size:14px; margin:0 0 10px; }
.scl-famille .lien-go, .scl-mots .lien-go { color:var(--primary); cursor:pointer; }
.scl-famille .lien-go:hover, .scl-mots .lien-go:hover { text-decoration:underline; }

/* La carte des mots clés, sur les réglages de l'équipe : une famille par volet, un motif par ligne. */
.scl-mots-famille { border-top:1px solid var(--line); padding:8px 0; }
.scl-mots-famille > summary { cursor:pointer; }
.scl-mots-famille .d { color:var(--muted); font-size:12.5px; margin-left:6px; }
.scl-mots-motif { display:grid; grid-template-columns:minmax(140px, 220px) minmax(0, 1fr); gap:4px 12px; align-items:start; padding:6px 0 2px; }
.scl-mots-motif .m { font-size:13px; color:var(--ink-soft); padding-top:3px; }
.scl-mot b { font-weight:600; color:var(--muted); margin-left:4px; font-variant-numeric:tabular-nums; }
@media (max-width:700px){ .scl-mots-motif { grid-template-columns:minmax(0, 1fr); } }

/* L'écran d'une famille : la place de la barre de défilement est gardée, pour que la largeur de la
   grille ne change pas quand une puce la raccourcit (ses colonnes ne bougent pas). Un motif ou une
   file corrigés par une personne se distinguent de ceux qu'elle a suivis. */
#main:has(.scl-famille) { scrollbar-gutter:stable; }
/* Les onglets gardent la hauteur qu'il faut pour que la page ne bouge pas (famille.js) : la marge du
   dernier bloc reste dans leur boîte, sinon elle passe dehors ou non selon cette hauteur gardée. */
.scl-sections { display:flow-root; }
/* Une grille qui ne garde qu'une ligne ne laisse pas sous elle la place vide qu'AG Grid réserve à son
   message « aucune ligne » (150 px) : une ligne de haut suffit à ce message. */
.scl-famille .ag-layout-auto-height .ag-center-cols-viewport, .scl-famille .ag-layout-auto-height .ag-center-cols-container { min-height:40px; }
.scl-famille .scl-corrige { color:var(--hi); font-weight:600; }
/* Les versions en désaccord, au téléphone : une carte par courrier, une version par ligne. */
.scl-vcartes { display:grid; gap:8px; }
.scl-vcarte { border:1px solid var(--line); border-radius:12px; background:var(--surface); padding:10px 12px; cursor:pointer; }
.scl-vcarte:hover { border-color:var(--primary); }
.scl-vcarte .t { display:flex; justify-content:space-between; align-items:baseline; gap:8px; margin-bottom:6px; }
.scl-vcarte .scl-vient { margin:0; }