/* confirm-modal.css — estilos del diálogo de confirmación propio (confirm-modal.js).
   Extraído de styles.css: admin.html NO carga styles.css (solo brand.css), así que sus
   confirmaciones de super-admin no podían usar el modal branded. Este archivo lo cargan
   AMBAS páginas.

   Depende de los tokens --panel, --ink, --muted, --danger, definidos en :root por
   styles.css (app) y por el <style> propio de admin.html + brand.css (panel admin). */

/* modalFadeIn se DUPLICA a proposito: styles.css la conserva para los demas modales de la app,
   y admin.html no carga styles.css. Son 3 lineas; compartirla costaria un tercer archivo. */
@keyframes modalFadeIn{
  from{opacity:0;transform:scale(.96) translateY(8px);}
  to{opacity:1;transform:scale(1) translateY(0);}
}
.confirm-modal-bg{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalFadeIn .15s ease both;}
.confirm-modal{background:var(--panel);border-radius:12px;box-shadow:0 24px 64px rgba(15,23,42,.32),0 4px 12px rgba(15,23,42,.12);max-width:420px;width:100%;padding:1.5rem 1.6rem;animation:confirmPop .22s cubic-bezier(.18,.89,.32,1.28) both;display:flex;flex-direction:column;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);} /* v1.20.21 — panel theme-aware, radio 12px */
.confirm-modal-title{font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:.5rem;letter-spacing:-.01em;flex:0 0 auto;} /* v1.20.21 — 800→700 */
.confirm-modal-msg{font-size:.85rem;color:var(--muted);line-height:1.5;white-space:pre-wrap;margin-bottom:1.25rem;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;} /* v1.20.21 — pre-wrap (antes pre-line): preserva saltos Y espacios/indentación en mensajes multi-línea */
.confirm-modal-actions{display:flex;gap:.55rem;justify-content:flex-end;flex:0 0 auto;}
.confirm-modal .confirm-danger-btn{background:var(--danger);box-shadow:0 2px 6px rgba(220,38,38,.28);} /* v1.20.21 — sólido, sin gradiente */
.confirm-modal .confirm-danger-btn:hover{box-shadow:0 4px 12px rgba(220,38,38,.34);transform:translateY(-1px);}
.confirm-modal-bg.confirm-modal-leaving{opacity:0;transition:opacity .15s ease;}
@keyframes confirmPop{from{opacity:0;transform:scale(.94) translateY(6px);}to{opacity:1;transform:scale(1) translateY(0);}}

/* Respeta la preferencia del sistema (mismo criterio que los otros 9 bloques de styles.css). */
@media (prefers-reduced-motion: reduce){
  .confirm-modal-bg,.confirm-modal{animation:none;}
}