/* Assistant support NetGolf — style commun (clair, simple, lisible) */
:root{
  --vert:#1a7f4e; --vert-f:#136039; --fond:#f4f6f5; --carte:#ffffff;
  --texte:#1c2b24; --gris:#68766e; --bord:#dde4e0; --rouge:#c0392b; --jaune:#fff8e1;
}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--texte);
     font:15px/1.6 "Segoe UI",system-ui,Arial,sans-serif}
header{background:var(--vert);color:#fff;padding:10px 22px;display:flex;
       align-items:center;justify-content:space-between}
header .titre{font-weight:600;font-size:16px}
header .titre span{opacity:.75;font-weight:400;font-size:13px;margin-left:10px}
header nav a{color:#fff;opacity:.85;text-decoration:none;margin-left:16px;font-size:14px}
header nav a:hover{opacity:1;text-decoration:underline}
main{max-width:1120px;margin:26px auto;padding:0 18px}
.carte{background:var(--carte);border:1px solid var(--bord);border-radius:10px;
       padding:20px 22px;margin-bottom:18px}
h1{font-size:19px;margin:0 0 14px}
h2{font-size:16px;margin:0 0 10px}
textarea{width:100%;min-height:130px;padding:12px;border:1px solid var(--bord);
         border-radius:8px;font:inherit;resize:vertical}
textarea:focus,input:focus{outline:2px solid var(--vert);border-color:transparent}
input[type=text],input[type=password]{width:100%;padding:10px 12px;
      border:1px solid var(--bord);border-radius:8px;font:inherit}
button{background:var(--vert);color:#fff;border:0;border-radius:8px;
       padding:11px 20px;font:inherit;font-weight:600;cursor:pointer}
button:hover{background:var(--vert-f)}
button:disabled{background:#9db3a8;cursor:wait}
button.sec{background:#eef2f0;color:var(--texte);font-weight:500}
button.sec:hover{background:#e2e8e5}
.ligne{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.reponse{white-space:pre-wrap;background:#fbfcfb;border:1px solid var(--bord);
         border-radius:8px;padding:16px;font-size:15px}
.avert{background:var(--jaune);border:1px solid #f0e0b0;border-radius:8px;
       padding:10px 14px;margin-bottom:12px;font-size:14px}
.duo{display:grid;grid-template-columns:1fr 320px;gap:18px}
@media(max-width:900px){.duo{grid-template-columns:1fr}}
.source{border-bottom:1px solid var(--bord);padding:8px 2px;font-size:13px}
.source:last-child{border-bottom:0}
.badge{display:inline-block;border-radius:5px;padding:1px 7px;font-size:11.5px;
       font-weight:600;margin-right:6px;vertical-align:1px}
.badge.doc{background:#e3f0ea;color:var(--vert-f)}
.badge.ticket{background:#e7ecf7;color:#2c4a8a}
.badge.valide,.badge.fiche{background:#fdf0d5;color:#8a6d1a}
/* réponse écrite par une formatrice : la source la plus fiable, elle doit sauter aux yeux */
.badge.formatrice{background:#d8f0e2;color:#0f6b3f;font-weight:600}
.badge.interne{background:#f2e5e5;color:#8a2c2c}
.badge.guide{background:#e9e5f2;color:#5a3d8a}
.gris{color:var(--gris);font-size:13px}
.vote{font-size:20px;padding:8px 16px;border-radius:8px;border:1px solid var(--bord);
      background:#fff;cursor:pointer}
.vote:hover{background:#f0f4f2}
.vote.actif-plus{background:#e3f0ea;border-color:var(--vert)}
.vote.actif-moins{background:#f9e8e6;border-color:var(--rouge)}
table{border-collapse:collapse;width:100%;font-size:13.5px}
th{text-align:left;border-bottom:2px solid var(--bord);padding:7px 8px;color:var(--gris)}
td{border-bottom:1px solid var(--bord);padding:7px 8px;vertical-align:top}
.histo-q{cursor:pointer;color:var(--vert-f)}
.histo-q:hover{text-decoration:underline}
.onglets{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
/* ADMIN : menu en colonne à gauche (14/09). Dix entrées en ligne débordaient sur deux
   rangs et la mise en page sautait à chaque onglet ajouté. Aucun changement de structure
   HTML : <main> contient déjà le menu + UNE SEULE carte visible à la fois, il suffit de
   le passer en flex. Le sélecteur vise les cartes enfants DIRECTES pour ne pas attraper
   les cartes imbriquées (panneau d'édition des comptes). */
body.admin main{display:flex;gap:20px;align-items:flex-start;max-width:1320px}
body.admin .onglets{flex-direction:column;flex-wrap:nowrap;gap:2px;margin:0;
                    flex:0 0 200px;position:sticky;top:18px}
body.admin .onglets button{text-align:left;width:100%;border-radius:7px;padding:9px 12px}
body.admin main > .carte{flex:1 1 auto;min-width:0;margin-bottom:0}
@media (max-width:900px){
  body.admin main{display:block}
  body.admin .onglets{flex-direction:row;flex-wrap:wrap;position:static;margin-bottom:16px}
  body.admin .onglets button{width:auto}
}
.onglets button{background:#eef2f0;color:var(--texte);font-weight:500}
.onglets button.actif{background:var(--vert);color:#fff}
.stat{display:inline-block;background:#fbfcfb;border:1px solid var(--bord);
      border-radius:8px;padding:10px 18px;margin:0 10px 10px 0;text-align:center}
.stat b{display:block;font-size:22px;color:var(--vert-f)}
.copie-ok{color:var(--vert-f);font-weight:600;font-size:14px}
.progress{height:14px;background:#e6ebe8;border-radius:7px;overflow:hidden;margin-top:8px}
.progress>div{height:100%;background:var(--vert);width:0;transition:width .8s ease}
#msg-err{color:var(--rouge);font-size:14px;min-height:20px}

/* Encarts d'aide contextuelle des onglets admin (v27b) — repliés par défaut :
   les nouveaux venus (Julien, Claire) les déplient, l'habitué ne les subit pas. */
details.aide{background:#eaf2f9;border:1px solid #bcd3e6;border-radius:8px;
  padding:9px 14px;margin:10px 0 14px;font-size:13px;color:#28435e}
details.aide summary{cursor:pointer;font-weight:600;color:#2c5a8a;user-select:none}
details.aide summary:hover{color:#1d4066}
details.aide p{margin:8px 0 2px}
details.aide b{color:#1d4066}

/* ── Mémo ops (onglet Runbook) ─────────────────────────────────────────────
   Une couleur par thématique : on repère la bonne section d'un coup d'œil,
   même en panique. Les commandes sont copiables en un clic. */
.rb-intro{background:#f0f6ff;border:1px solid #cfe0f7;border-radius:8px;
          padding:12px 16px;margin-bottom:18px;font-size:14px}
.rb-sec{border-left:5px solid var(--rb);border:1px solid var(--bord);
        border-left:5px solid var(--rb);border-radius:8px;margin-bottom:16px;
        overflow:hidden}
.rb-sec>h2{background:var(--rb-fond);color:var(--rb-txt);margin:0;
           padding:11px 16px;font-size:15px;border-bottom:1px solid var(--bord)}
.rb-sec>h2 .rb-num{opacity:.55;font-weight:400;margin-right:8px}
.rb-corps{padding:14px 16px}
.rb-corps>*:first-child{margin-top:0}
.rb-corps>*:last-child{margin-bottom:0}
.rb-sec.vert{--rb:#1a7f4e;--rb-fond:#eaf5ef;--rb-txt:#14532d}
.rb-sec.bleu{--rb:#2563eb;--rb-fond:#eaf1fe;--rb-txt:#1e3a8a}
.rb-sec.violet{--rb:#7c3aed;--rb-fond:#f2ecfe;--rb-txt:#4c1d95}
.rb-sec.orange{--rb:#d97706;--rb-fond:#fdf3e3;--rb-txt:#7c2d12}
.rb-sec.rouge{--rb:#c0392b;--rb-fond:#fdeceb;--rb-txt:#7f1d1d}
.rb-sec.gris{--rb:#68766e;--rb-fond:#f1f3f2;--rb-txt:#374151}
.rb-etape{display:flex;gap:12px;align-items:baseline;padding:7px 0;
          border-bottom:1px dashed var(--bord)}
.rb-etape:last-child{border-bottom:0}
.rb-etape b{flex:0 0 22px;color:var(--rb);font-variant-numeric:tabular-nums}
.rb-cmd{position:relative;background:#12211a;border-radius:8px;margin:9px 0;
        padding:11px 92px 11px 14px}
.rb-cmd code{color:#d6e2dc;font:13px/1.55 "Cascadia Mono",Consolas,monospace;
             white-space:pre-wrap;word-break:break-word;display:block}
.rb-cmd .rb-copier{position:absolute;top:8px;right:8px;background:#22402f;
                   color:#cfe8da;border:0;border-radius:6px;padding:5px 11px;
                   font-size:12px;font-weight:600;cursor:pointer}
.rb-cmd .rb-copier:hover{background:#2d5540}
.rb-cmd .rb-copier.ok{background:#1a7f4e;color:#fff}
.rb-note{background:#fbfcfb;border:1px solid var(--bord);border-radius:8px;
         padding:9px 13px;font-size:13.5px;margin:9px 0}
.rb-note b{color:var(--rb)}
.rb-danger{background:var(--jaune);border:1px solid #f0e0b0;border-radius:8px;
           padding:9px 13px;font-size:13.5px;margin:9px 0}
.rb-sec ul{margin:9px 0;padding-left:20px}
.rb-sec li{margin-bottom:5px}
.rb-sym{background:#fdeceb;border:1px solid #f5cfcb;border-radius:8px;
        padding:10px 14px;margin:10px 0}
.rb-sym .rb-q{font-weight:600;color:#7f1d1d;margin-bottom:5px}
.rb-sym .rb-r{font-size:13.5px}
/* la chaîne à 3 étages (Mémo ops) */
.rb-chaine{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap;margin:2px 0 12px}
.rb-chaine>div{flex:1 1 190px;border:1px solid var(--bord);border-radius:8px;
               padding:10px 12px;background:#fbfcfb}
.rb-chaine>div b{display:block;color:var(--rb);margin-bottom:4px}
.rb-chaine>div span{font-size:12.5px;color:var(--gris);display:block}
.rb-chaine .rb-fl{align-self:center;color:var(--rb);font-weight:700;font-size:12px;
                  white-space:nowrap}
.rb-sec.cyan{--rb:#0e7490;--rb-fond:#e6f4f7;--rb-txt:#134e56}