.modale-voile{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101c2d8c;justify-content:center;align-items:center;padding:1.5rem;animation:.16s ease-out modale-voile-apparition;display:flex;position:fixed;inset:0}.modale-panneau{background:var(--surface);border-radius:var(--rayon-l);width:100%;max-height:calc(100dvh - 3rem);box-shadow:var(--ombre-flottante);flex-direction:column;animation:.18s ease-out modale-panneau-apparition;display:flex;position:relative}.modale-panneau:focus{outline:none}.modale-panneau-s{max-width:420px}.modale-panneau-m{max-width:560px}.modale-panneau-l{max-width:760px}.modale-entete{align-items:flex-start;gap:.85rem;padding:1.5rem 1.5rem 0;display:flex}.modale-pastille{border-radius:var(--rayon-pilule);background:var(--accent-fond);width:42px;height:42px;color:var(--info);flex:none;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.modale-danger .modale-pastille{background:var(--danger-fond);color:var(--danger-texte)}.modale-titre{color:var(--texte-titre);flex:1;margin:0;padding-top:.35rem;font-size:1.08rem;font-weight:700;line-height:1.35}.modale-fermer{border-radius:var(--rayon-s);width:32px;height:32px;color:var(--texte-faible);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;font-size:.95rem;transition:background .15s,color .15s;display:flex}.modale-fermer:hover{background:var(--filet);color:var(--texte)}.modale-corps{color:var(--texte-doux);white-space:pre-line;flex:1;padding:.85rem 1.5rem 0;font-size:.92rem;line-height:1.55;overflow-y:auto}.modale-corps>p{margin:0 0 .7rem}.modale-corps>p:last-child{margin-bottom:0}.modale-pied{justify-content:flex-end;gap:.6rem;padding:1.35rem 1.5rem 1.5rem;display:flex}@keyframes modale-voile-apparition{0%{opacity:0}to{opacity:1}}@keyframes modale-panneau-apparition{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes modale-panneau-montee{0%{transform:translateY(100%)}to{transform:none}}@media (width<=768px){.modale-voile{align-items:flex-end;padding:0}.modale-panneau{border-radius:var(--rayon-l) var(--rayon-l) 0 0;max-width:none;max-height:88dvh;animation:.22s ease-out modale-panneau-montee}.modale-pied{padding-bottom:max(1.5rem, env(safe-area-inset-bottom));flex-direction:column-reverse}.modale-pied>button{width:100%;min-height:44px}}@media (prefers-reduced-motion:reduce){.modale-voile,.modale-panneau{animation:none}}