/*
 * Punchbox — (c) 2026 Alexis Clement. Tous droits reserves.
 * Logiciel proprietaire. Toute reproduction ou diffusion interdite sans
 * autorisation ecrite.
 */

/* mode-confidentiel.css — interrupteur + témoin du mode confidentiel (mission
 * mode-confidentiel). Fichier SÉPARÉ de style.css (qui appartient à
 * pb-passe-css) : structure uniquement, réutilise les variables de thème déjà
 * vérifiées AA en clair ET en sombre (--vert, --vert-texte, --carte, --discret,
 * --rayon-s). Aucune couleur hors palette, aucune ressource tierce.
 */

.champ-confidentiel {
  display: flex; align-items: center; gap: 8px;
  margin-top: 4px; cursor: pointer;
}
.champ-confidentiel input[type="checkbox"] {
  width: 18px; height: 18px; accent-color: var(--vert); flex: none;
  /* Cible tactile ≥ 24px avec la marge du label (audit-accessibilite). */
}
.note-confidentiel { margin: 2px 2px 0; font-size: .82rem; line-height: 1.4; color: var(--discret); }

/* Témoin PERMANENT (charte §1 : « chaque action rend un retour visible, jamais
 * de silence ») : visible dès le haut de la régie tant que le mode est actif.
 * --vert-texte garantit ≥ 4,5:1 sur --carte et --enfonce, en clair comme en
 * sombre (mêmes variables déjà vérifiées ailleurs — .direct-etat[data-etat=
 * "direct"], .pastille). */
.temoin-confidentiel {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px;
  margin: 0 0 10px; padding: 10px 14px;
  background: color-mix(in srgb, var(--vert) 12%, var(--carte));
  border: 1px solid var(--vert);
  border-radius: var(--rayon-s);
  color: var(--vert-texte);
}
.temoin-confidentiel[hidden] { display: none; }
.temoin-confidentiel-titre { letter-spacing: .04em; font-weight: 800; }
.temoin-confidentiel-detail { color: var(--texte); font-size: .88rem; line-height: 1.4; }

/* Rappel DISCRET, en dehors de la régie, à l'endroit où le livrable est proposé
 * au téléchargement (mission mode-confidentiel §5 : « savoir CE QUE ÇA CHANGE »).
 * Masqué par défaut ; affiché par js/app.js seulement pour une sortie produite
 * en mode confidentiel. */
.confidentiel-rappel-telechargement {
  display: block; margin-top: 6px; font-size: .8rem; line-height: 1.4;
  color: var(--vert-texte);
}
.confidentiel-rappel-telechargement[hidden] { display: none; }

/* Renvoi vers les garanties détaillées, sur /journalistes (mission
 * mode-confidentiel) : léger espacement au-dessus du paragraphe existant
 * (.modele-carte p a un margin de 0, cf. style.css — cette feuille est
 * chargée APRÈS style.css, donc la cascade suffit sans !important). */
.modele-carte p.modele-carte-lien { margin-top: 8px; font-size: .92rem; }