/* ── Le bandeau « ✂️ Anonymiser » — composant partagé ─────────────────────
   Un rappel posé automatiquement en haut des pages où l'on copie un prompt
   dans lequel on colle ensuite son propre texte (CV, lettre, message) —
   la série « Penser avec l'IA », /atelier-prompts/. Il ouvre la même popup
   que /shared/anonymiseur-popup.js (voir ce fichier).

   ⚠️ FEUILLE INDÉPENDANTE : même identité que /anonymiseur/ (teinte ardoise),
   posée par-dessus n'importe quelle page sans dépendre de sa propre palette
   — c'est l'outil qui doit se reconnaître, pas se fondre dans le décor.

   Installer (3 balises, avec anonymiseur-popup.{js,css}) :
   <link rel="stylesheet" href="/shared/anonymiseur-bandeau.css">
   <link rel="stylesheet" href="/shared/anonymiseur-popup.css">
   <script src="/shared/anonymiseur-popup.js" defer></script>
   <script src="/shared/anonymiseur-bandeau.js" defer></script>
   ───────────────────────────────────────────────────────────────────── */

.anonb-bandeau {
  --anonb-accent: #2f5d6e;
  --anonb-accent-clair: #e4eff2;
  --anonb-accent-fonce: #1c3c48;
  display: flex; gap: 14px; align-items: flex-start;
  max-width: 880px; margin: 22px auto; padding: 15px 18px;
  border-radius: var(--r-lg, 16px);
  background: var(--anonb-accent-clair);
  border: 1px solid rgba(47, 93, 110, .28);
  color: var(--anonb-accent-fonce);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, sans-serif;
  font-size: 13.5px; line-height: 1.55;
}
.anonb-bandeau .anonb-ico { font-size: 24px; flex: 0 0 auto; }
.anonb-bandeau .anonb-texte { flex: 1 1 auto; min-width: 0; }
.anonb-bandeau b { font-weight: 700; }
.anonb-bandeau .anonb-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 9px; align-items: center; }
.anonb-bandeau button.anonb-btn {
  font: inherit; font-weight: 700; font-size: 13px; padding: 7px 14px;
  border-radius: var(--r-pill, 999px); border: 1px solid rgba(47, 93, 110, .4);
  background: var(--anonb-accent-fonce); color: #fff; cursor: pointer;
}
.anonb-bandeau button.anonb-btn:hover { background: #142c35; }
.anonb-bandeau a.anonb-lien { color: var(--anonb-accent-fonce); font-weight: 600; align-self: center; }

@media (max-width: 640px) {
  .anonb-bandeau { margin: 16px 16px; }
}