/* aide.css — le mode « Aide » de la maison, pièce du socle commun (07/10/2026), compagnon de aide.js.
   Repris de GEDArchi (ged.css, mode Aide du 30/09) avec des noms neutres (aide-*, ab-*) pour servir partout.
   Rien n'apparaît tant que html.aide-on n'est pas posé (mode OFF par défaut). Couleurs : variables du socle. */
.aide-bouton{
  position:fixed;right:18px;bottom:18px;z-index:940;min-height:44px;
  font:800 12.5px var(--font,'Plus Jakarta Sans','DM Sans',system-ui,sans-serif);letter-spacing:.02em;color:var(--accent-deep,#044a52);
  background:#fff;border:1.5px solid var(--accent-bright,#0BAE9F);border-radius:999px;
  padding:10px 16px;box-shadow:0 10px 24px -10px rgba(4,74,82,.35);cursor:pointer
}
.aide-bouton.is-on{background:var(--accent-bright,#0BAE9F);color:#fff;border-color:var(--accent-deep,#044a52)}

html.aide-on [data-aide-titre]{outline:2px dashed var(--accent-bright,#0BAE9F);outline-offset:3px;border-radius:8px;cursor:help;position:relative}
html.aide-on [data-aide-titre]::after{
  content:"?";position:absolute;top:-9px;right:-9px;width:18px;height:18px;border-radius:50%;z-index:2;
  background:var(--accent-bright,#0BAE9F);color:#fff;font:800 11px var(--font,system-ui,sans-serif);display:grid;place-items:center;
  box-shadow:0 2px 6px rgba(0,0,0,.25)
}

.aide-bulle{
  position:fixed;z-index:9500;width:330px;max-width:calc(100vw - 24px);
  background:#fff;border:1px solid #d7e2e4;border-radius:14px;padding:14px 16px;
  box-shadow:0 18px 40px -16px rgba(4,74,82,.4);font-family:var(--font,'Plus Jakarta Sans','DM Sans',system-ui,sans-serif)
}
.aide-bulle .ab-titre{font:800 14.5px var(--font,system-ui,sans-serif);color:var(--accent-deep,#044a52);margin-bottom:6px}
.aide-bulle .ab-texte{font:400 13.5px/1.55 var(--font,system-ui,sans-serif);color:#1b2228}
.aide-bulle .ab-texte p{margin:0 0 8px}
.aide-bulle .ab-texte p:last-child{margin-bottom:0}
.aide-bulle .ab-texte b{color:var(--accent-deep,#044a52)}
.aide-bulle .ab-texte .ab-ex{background:#fbf3d9;border-left:4px solid var(--or-3,#c9a247);border-radius:8px;padding:6px 10px}
.aide-bulle .ab-sep{height:1px;background:#ece5d6;margin:12px 0}
.aide-bulle .ab-retour{font:600 11.5px var(--font,system-ui,sans-serif);color:#5a6377;margin-bottom:6px}
.aide-bulle .ab-champ{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #d7e2e4;border-radius:8px;padding:7px 9px;font:400 13px var(--font,system-ui,sans-serif);color:#1b2228}
.aide-bulle .ab-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.aide-bulle .ab-fermer{font:700 12px var(--font,system-ui,sans-serif);color:#5a6377;background:none;border:none;cursor:pointer;padding:6px 8px;min-height:36px}
.aide-bulle .ab-envoyer{font:800 12px var(--font,system-ui,sans-serif);color:var(--accent-deep,#044a52);background:var(--or-1,#f5d370);border:none;border-radius:8px;padding:7px 14px;cursor:pointer;min-height:36px}
.aide-bulle .ab-confirm{font:700 13px var(--font,system-ui,sans-serif);color:#0f6e56;margin-top:6px}
@media print{.aide-bouton,.aide-bulle{display:none}}