/* au-cabinet.fr — TIAC : composants propres à l'outil, sur le gabarit commun « façon MDPH »
   (/_commun/gabarit-mdph.css : bandeau, onglets, carte d'ouverture, trois colonnes, encadrés gm-callout, tableaux).
   Les classes ci-dessous sont celles que l'outil fabrique (ui.js, identique à la fiche d'origine) : elles sont
   habillées ici avec les couleurs et les composants du gabarit. Généré par build-au-cabinet.py : ne pas éditer
   dans le dépôt, éditer l'atelier. Tailles : échelle commune --fs-* (/_commun/charte.css), en rem. */
.gm-page{
  --ink:var(--gm-encre); --ink-soft:var(--gm-encre-2); --ink-faint:var(--gm-encre-3);
  --line:var(--gm-filet); --line-strong:var(--gm-encre); --card:var(--gm-carte); --paper:var(--gm-papier);
  --amber:var(--gm-ambre); --amber-soft:var(--gm-ambre-doux); --rust:var(--gm-rouge); --rust-soft:var(--gm-rose);
  --green:var(--gm-vert); --green-soft:var(--gm-vert-doux); --cyan:var(--gm-rub);
}
.gm-page .mono{font-family:var(--ac-mono);font-size:var(--fs-etiquette)}
.gm-page b{color:var(--gm-encre)}

/* ─── formulaire de l'outil ─── */
#gen .partline{display:flex;align-items:center;gap:.75rem;margin:1.375rem 0 .875rem}
#gen .partline:first-child{margin-top:0}
#gen .partline::before,#gen .partline::after{content:"";flex:1;height:1px;background:var(--gm-encre)}
#gen .partline span{font-family:var(--ac-mono);font-weight:600;font-size:var(--fs-etiquette);letter-spacing:.12em;text-transform:uppercase;color:var(--gm-rub-txt);white-space:nowrap}
#gen .g-grid{display:grid;grid-template-columns:1fr;gap:.25rem .875rem}
@media (min-width:40rem){#gen .g-grid{grid-template-columns:1fr 1fr}}
#gen label{display:block;font-size:var(--fs-petit);font-weight:600;color:var(--gm-encre-2)}
#gen .kwq{display:block;width:100%;margin:.25rem 0 .625rem;padding:.625rem .75rem;border:2px solid var(--gm-encre);border-radius:3px;background:#fff;
  color:var(--gm-encre);font-family:var(--ac-body);font-size:var(--fs-corps);line-height:1.4;min-height:2.75rem}
#gen .kwq:focus{outline:3px solid var(--gm-flamme);outline-offset:1px}
#gen textarea.kwq{resize:vertical}
#gen .g-opt{font-weight:400;color:var(--gm-encre-3);font-size:var(--fs-petit)}
#gen .g-hint{font-size:var(--fs-petit);color:var(--gm-encre-3);margin:.375rem 0 .625rem}
#gen .g-ok{color:var(--gm-vert-txt);font-weight:600;margin:.625rem 0 0}
#gen .field{margin:.25rem 0 1rem}
#gen .flabel{display:block;margin:0 0 .5625rem;font-family:var(--ac-mono);font-weight:600;font-size:var(--fs-etiquette);letter-spacing:.12em;text-transform:uppercase;color:var(--gm-encre-2)}
#gen .chipset{display:flex;flex-wrap:wrap;gap:7px}
#gen .chip{padding:.5rem .875rem;border:2px solid var(--gm-encre);border-radius:3px;background:var(--gm-carte);color:var(--gm-encre-2);
  font-family:var(--ac-body);font-weight:700;font-size:var(--fs-petit);line-height:1.4;cursor:pointer;min-height:2.75rem}
#gen .chip:hover{color:var(--gm-encre);box-shadow:3px 3px 0 var(--gm-encre)}
#gen .chip.on{background:var(--gm-encre);color:#FFFDF7;box-shadow:3px 3px 0 var(--gm-flamme)}
#gen .btn{display:inline-flex;align-items:center;justify-content:center;padding:.6875rem 1.125rem;border:0;border-radius:3px;background:var(--gm-encre);color:#fff;
  box-shadow:3px 3px 0 var(--gm-flamme);font-family:var(--ac-display);font-weight:800;font-size:var(--fs-petit);letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;min-height:2.75rem}
#gen .btn:hover{color:var(--gm-jaune)}
#gen .btn.ghost{background:var(--gm-carte);color:var(--gm-encre);border:2px solid var(--gm-encre);box-shadow:3px 3px 0 var(--gm-encre)}
#gen .btn.ghost:hover{background:#FFE9D6}
#gen .mini-chip{padding:.3rem .625rem;border:2px solid var(--gm-encre);border-radius:3px;background:var(--gm-carte);color:var(--gm-encre);font:inherit;font-weight:700;font-size:var(--fs-petit);cursor:pointer;min-height:2rem}
#gen .mini-chip:hover{background:var(--gm-encre);color:#fff}
#gen .g-actions{display:flex;flex-wrap:wrap;gap:.625rem;margin:.625rem 0}
#gen .g-checks label{display:flex;gap:.5rem;align-items:flex-start;font-weight:500;margin:.5rem 0}
#gen .g-checks input,#gen .t-mem input{margin-top:.3rem;min-width:1.1rem;min-height:1.1rem}
#gen .g-bloc{border:2px solid var(--gm-filet);border-radius:3px;padding:.75rem .875rem .25rem;margin-bottom:.75rem;background:var(--gm-papier)}
#gen .g-bloc h4{margin:0 0 .5rem;font-family:var(--ac-display);font-size:1.05rem}
#gen .callout{margin:.75rem 0;padding:.75rem 1rem;border-left:6px solid var(--gm-rub);border-radius:3px;background:var(--gm-rub-doux);font-size:var(--fs-petit);line-height:1.55}
#gen .callout.warn{background:var(--gm-rose);border-left-color:var(--gm-rouge)}
#gen .callout.cool{background:var(--gm-vert-doux);border-left-color:var(--gm-vert)}
#gen .callout.key{background:var(--gm-ambre-doux);border-left-color:var(--gm-ambre)}
#gen .ars-carte{border:3px solid var(--gm-encre);box-shadow:var(--gm-ombre);background:var(--gm-carte)}
#gen .ars-t{font-family:var(--ac-display);font-weight:800}
#gen .t-etapes>li{padding-left:.25rem}

/* ─── texte de la fiche ─── */
.gm-sec ul.clean{list-style:none;margin:.625rem 0;padding:0}
.gm-sec ul.clean li{padding:.5625rem 0 .5625rem 1.5rem;position:relative;border-bottom:1px solid var(--gm-filet)}
.gm-sec ul.clean li:last-child{border-bottom:0}
.gm-sec ul.clean li::before{content:"";position:absolute;left:3px;top:1.05rem;width:9px;height:9px;background:var(--gm-rub);border:1.5px solid var(--gm-encre)}
.gm-sec .rx{margin:.875rem 0;padding:1rem 1.125rem;background:var(--gm-carte);border:3px solid var(--gm-encre);border-radius:3px;box-shadow:5px 5px 0 var(--gm-rub);line-height:1.7}
.gm-sec .myth{background:var(--gm-carte);border:1.5px solid var(--gm-filet);border-radius:3px;padding:.75rem 1rem;margin-bottom:.625rem}
.gm-sec .myth .m-q{font-weight:700;color:var(--gm-rouge-txt);margin-bottom:.25rem}
.gm-sec .myth .m-q::before{content:"Idée reçue · ";font:600 var(--fs-etiquette)/1 var(--ac-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gm-encre-3)}
.gm-sec .g-hint{font-size:var(--fs-petit);color:var(--gm-encre-3)}
.gm-sec .g-opt{color:var(--gm-encre-3);font-size:var(--fs-petit)}
.gm-sec .method-note{background:var(--gm-carte);border:1.5px solid var(--gm-filet);border-radius:3px;padding:1rem 1.125rem;font-size:var(--fs-petit);line-height:1.6}
.gm-sec .refs ol{padding-left:1.75rem;margin:1rem 0}
.gm-sec .refs li{margin:0 0 .625rem;font-size:var(--fs-petit);line-height:1.55;scroll-margin-top:7rem}
.gm-sec .refs .au{font-weight:600}
.gm-sec .refs .id{display:block;font-family:var(--ac-mono);font-size:var(--fs-petit);color:var(--gm-encre-3);overflow-wrap:anywhere}
.gm-sec .refs .ctx{display:block;font-size:var(--fs-petit);color:var(--gm-ambre-txt);font-style:italic}
.gm-sec sup.ref a{text-decoration:none;font-family:var(--ac-mono);font-size:.72em;padding:0 .1em;color:var(--gm-rub-txt)}
.gm-sec td.t-mail{overflow-wrap:anywhere}

/* ─── panneau de droite ─── */
#tiacResume p{margin:0 0 .5rem;font-size:var(--fs-petit);line-height:1.5}
@media print{#gen,.gm-noprint{display:none!important}}

/* ---- repris de la fiche (extra.css) ---- */

.ars-carte{border:2px solid var(--amber);border-radius:10px;background:var(--card);padding:12px 14px;margin:6px 0 14px}
.ars-t{font-family:var(--ac-display);font-weight:800;font-size:1.05rem;margin-bottom:8px}
.ars-l{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ars-m{font-size:var(--fs-petit);color:var(--ink-soft);overflow-wrap:anywhere}
.ars-n{font-size:var(--fs-petit);color:var(--ink-soft);margin-top:8px}
.ars-s{font-size:var(--fs-petit);color:var(--ink-faint);margin-top:6px}
.t-mem{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-petit);margin:2px 0 8px}
.t-full{display:block;font-size:var(--fs-petit);color:var(--ink-soft);font-weight:500}
.t-grille{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}
@media(min-width:760px){.t-grille{grid-template-columns:repeat(4,1fr)}}
.t-grille label{display:block;font-size:var(--fs-petit);color:var(--ink-soft);font-weight:500}
.t-grille .kwq{margin:3px 0 8px;width:100%;box-sizing:border-box}
.t-conf{border-top:1px dashed var(--line-strong);padding-top:8px;margin-top:2px}
.t-conf .g-opt{color:var(--rust)}
.t-signes{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 8px}
.t-signes label{display:inline-flex;gap:6px;align-items:center;font-size:var(--fs-petit);min-height:32px}
.t-un h4{display:flex;justify-content:space-between;align-items:center}
.t-suppr{font:inherit;font-size:var(--fs-petit);background:none;border:1px solid var(--line-strong);border-radius:4px;padding:4px 10px;min-height:32px;color:var(--ink-soft);cursor:pointer}
.kwq.t-err{border-color:var(--rust);background:var(--rust-soft)}
.t-etapes{padding-left:1.3em}.t-etapes>li{margin-bottom:14px}
.t-etapes .g-actions{margin:8px 0 4px}
td.t-mail{overflow-wrap:anywhere;font-family:var(--ac-mono);font-size:var(--fs-petit)}
select.kwq{max-width:100%}
/* hidden doit gagner sur les display:block des labels (sinon « Autre collectivité » s'affiche toujours) */
#gen [hidden]{display:none!important}
.t-ag{margin:6px 0 6px 1.1em;padding:0}.t-ag li{margin:4px 0;font-size:var(--fs-petit)}
.t-drapeau{margin:10px 0}
