/* sas.css — la fenêtre du sas (lot 7, 2026-11-05). Le seul patron de fenêtre
   de R2.0 (CONVENTIONS-ECRAN § 2) : on l'étend, on n'en crée pas un second.
   Le téléphone d'abord : plein écran à 375 px, centré au-delà. Cibles 44 px.
   Sa palette est la sienne (claire, ou sombre si le système l'est) : la même
   fenêtre sur la carte, le PAP et l'application. */
dialog.sas{--sas-fond:#ffffff;--sas-encre:#14161c;--sas-pale:#5b6272;--sas-trait:#d5d9e0;--sas-panneau:#f3f5f8;--sas-accent:#1d4ed8;--sas-ok:#166534;--sas-refus:#b91c1c;
  box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--sas-trait);border-radius:14px;
  background:var(--sas-fond);color:var(--sas-encre);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 18px 60px rgba(0,0,0,.35);overflow:hidden}
@media (prefers-color-scheme:dark){dialog.sas{--sas-fond:#171a23;--sas-encre:#e5e7eb;--sas-pale:#9aa1b5;--sas-trait:#2f3546;--sas-panneau:#0f1117;--sas-accent:#7aa7e0;--sas-ok:#4ade80;--sas-refus:#f87171}}
dialog.sas[open]{display:flex;flex-direction:column}
dialog.sas::backdrop{background:rgba(10,12,18,.62)}
dialog.sas *{box-sizing:border-box}
.sas-tete{display:flex;align-items:center;gap:12px;padding:14px 14px 12px 20px;border-bottom:1px solid var(--sas-trait)}
.sas-tete h2{margin:0;flex:1;font-size:1.2rem;line-height:1.3}
.sas-x{flex:0 0 auto;width:44px;height:44px;border:1px solid var(--sas-trait);border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:1.5rem;line-height:1;cursor:pointer}
.sas-corps{padding:18px 20px 8px;overflow-y:auto;flex:1;min-height:0}
.sas-corps p{margin:0 0 12px}
.sas-pale{color:var(--sas-pale);font-size:.94rem}
.sas-statut{margin:0;padding:10px 20px 16px;min-height:1.5em;color:var(--sas-pale);font-size:.95rem}
.sas-statut.sas-ok{color:var(--sas-ok)}.sas-statut.sas-refus{color:var(--sas-refus)}
.sas-corps label{display:block;margin:6px 0 4px}
.sas-corps input[type=email]{width:100%;min-height:48px;padding:10px 12px;font:inherit;color:inherit;background:var(--sas-panneau);border:1px solid var(--sas-trait);border-radius:9px}
.sas-case{display:flex !important;gap:10px;align-items:flex-start;margin:12px 0 !important;min-height:44px;cursor:pointer}
.sas-case input{width:22px;height:22px;margin:2px 0 0;flex:0 0 auto}
.sas-gestes{display:flex;flex-direction:column;gap:10px;margin:14px 0 6px}
.sas-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:48px;padding:11px 16px;border:1px solid var(--sas-trait);border-radius:10px;background:var(--sas-panneau);color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.sas-b small{color:var(--sas-pale);font-size:.86rem}
.sas-b.sas-fort{background:var(--sas-encre);color:var(--sas-fond);border-color:var(--sas-encre);font-weight:600;align-items:center;text-align:center}
.sas-b.sas-fort small{color:inherit;opacity:.8}
.sas-b:disabled{opacity:.45;cursor:default}
.sas-b:focus-visible,.sas-x:focus-visible,.sas-corps input:focus-visible{outline:3px solid var(--sas-accent);outline-offset:2px}
.sas-liste{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}
.sas-corps h3{margin:6px 0 8px;font-size:1rem}
.sas-charte-cadre{max-height:46dvh;overflow-y:auto;padding:4px 14px;border:1px solid var(--sas-trait);border-radius:10px;background:var(--sas-panneau)}
.sas-charte h3{font-size:1.05rem;margin:10px 0 2px}
.sas-charte .sas-charte-version{color:var(--sas-pale);font-size:.88rem;margin:0 0 8px}
.sas-charte ol{margin:0;padding:0 0 0 1.2em}
.sas-charte li{margin:0 0 10px}
.sas-charte h4{margin:0;font-size:1rem}
.sas-charte li p{margin:2px 0 0}
@media (max-width:480px){
  dialog.sas{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
  .sas-tete{padding:10px 10px 10px 16px}
  .sas-corps{padding:16px 16px 8px}
  .sas-statut{padding:10px 16px 14px}
  .sas-charte-cadre{max-height:none}
}