/* « À valider » unifié (04.10.2026) : sections par type, groupes par fiche, cartes,
   lignes compactes des fiches à publier ; brouillon de réponse de 2GIK dans la fiche.
   Complète public/css/app.css (jetons clair et sombre) ; classes préfixées « av- ». */

.a-valider { display: grid; gap: 18px; min-width: 0; }
/* Élément, groupe ou section retirés par public/js/a-valider.js : jamais affichés. */
.a-valider [hidden] { display: none !important; }
.av-etat { margin: 0; min-height: 0; font-size: 0.92rem; }
.av-etat:empty { display: none; }
.av-etat-ok { padding: 8px 12px; border-radius: var(--radius-md); background: var(--ok-bg); color: var(--ok-tx); border: 1px solid var(--ok); }
.av-etat-err { padding: 8px 12px; border-radius: var(--radius-md); background: var(--err-bg); color: var(--err-tx); border: 1px solid var(--err); }

.av-section { display: grid; gap: 12px; min-width: 0; }
.av-section-titre { font-size: 1.05rem; margin: 6px 0 0; padding-bottom: 6px; border-bottom: 2px solid var(--accent); }
.av-compte { color: var(--muted); font-weight: 500; }

/* Groupe d'une fiche */
.av-fiche { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--ombre-douce); padding: 12px 14px; display: grid; gap: 10px; min-width: 0; }
.av-fiche-entete { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.av-fiche-titre { font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
a.av-fiche-titre { color: var(--lien); }
.av-ancre { position: relative; top: calc(-1 * var(--haut-colle) - 12px); }

/* Carte d'un élément */
.av-carte { border-top: 1px solid var(--border-leger); padding-top: 10px; display: grid; gap: 8px; min-width: 0; border-radius: var(--radius-sm); outline-offset: 4px; }
.av-fiche-entete + .av-carte { border-top: 0; padding-top: 0; }
.av-element[aria-current="true"] { box-shadow: 0 0 0 3px var(--ligne-courante); background: var(--selection); }
.av-element:focus-visible { outline: 3px solid var(--accent); }
.av-carte-entete { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.av-libelle { margin: 0; font-size: 0.82rem; color: var(--text-2); font-weight: 600; }
.av-texte { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.55; }
.av-texte-client { padding: 8px 12px; border-left: 4px solid var(--info); background: var(--info-bg); color: var(--text); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.av-texte-2gik { padding: 8px 12px; border-left: 4px solid var(--accent); background: var(--surface-2); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.av-citation { display: grid; gap: 6px; }
.av-faits { display: grid; gap: 4px; margin: 0; font-size: 0.9rem; }
.av-faits > div { display: flex; flex-wrap: wrap; gap: 6px; }
.av-faits dt { font-weight: 600; color: var(--text-2); }
.av-faits dd { margin: 0; }
.av-proposition-liee summary { cursor: pointer; font-size: 0.88rem; color: var(--text-2); font-weight: 600; margin-bottom: 6px; }

.av-actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; }
.av-actions > form { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
.av-details { flex-basis: auto; }
.av-details[open] { flex-basis: 100%; order: 10; }
.av-details > summary { list-style: none; cursor: pointer; }
.av-details > summary::-webkit-details-marker { display: none; }
.av-form-texte { display: grid; gap: 8px; margin-top: 8px; max-width: 760px; }
.av-form-texte textarea { width: 100%; min-height: 120px; }
.av-boutons { display: flex; flex-wrap: wrap; gap: 8px; }

/* Ligne « Fait — Annuler (z) » après une action, pendant 8 secondes */
.av-fait { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 6px 10px; border-radius: var(--radius-sm); background: var(--ok-bg); color: var(--ok-tx); font-size: 0.9rem; }
.av-fait .btn-lien { color: var(--ok-tx); text-decoration: underline; }

/* Fiches clients à publier : lots de destinataire, lignes compactes */
.av-lot { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 10px 14px; display: grid; gap: 6px; min-width: 0; }
.av-lot-entete { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.av-lot-titre { font-size: 0.98rem; margin: 0; }
.av-lot-actions { margin-left: auto; display: flex; flex-wrap: wrap; gap: 6px; }
.av-lot-qui { margin: 0; font-size: 0.85rem; }
.av-lignes { list-style: none; margin: 0; padding: 0; display: grid; }
.av-ligne { display: grid; grid-template-columns: 2.4em 6.5em minmax(0, 1fr) auto auto auto; align-items: center; gap: 4px 10px; padding: 6px 4px; border-top: 1px solid var(--border-leger); border-radius: var(--radius-sm); }
.av-ligne:first-child { border-top: 0; }
.av-ligne-ref { font-family: var(--police-mono); font-size: 0.82rem; color: var(--text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.av-ligne-titre { overflow-wrap: anywhere; color: var(--lien); }
.av-ligne-echeance { font-size: 0.85rem; color: var(--text-2); white-space: nowrap; }
.av-ligne-actions { display: inline-flex; gap: 6px; }
.av-ligne-actions form { margin: 0; }

/* Brouillon de réponse dans le fil de la fiche */
.fil-element.brouillon-2gik { border-left: 4px solid var(--warn); background: var(--warn-bg); }
.fil-element.brouillon-2gik .fil-texte { color: var(--text); }
.brouillon-supprime { font-size: 0.88rem; color: var(--muted); }
.brouillon-supprime summary { cursor: pointer; }
.aide-adressee { padding: 6px 10px; border-left: 4px solid var(--info); background: var(--info-bg); color: var(--info-tx); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }

@media (max-width: 720px) {
  .av-ligne { grid-template-columns: 2.4em minmax(0, 1fr); }
  .av-ligne-ref { grid-column: 2; }
  .av-ligne-titre, .av-ligne .code-dossier, .av-ligne-echeance, .av-ligne-actions { grid-column: 1 / -1; }
  .av-lot-actions { margin-left: 0; }
  .av-fiche { padding: 10px; }
}