/* SweetAlert2 con el estilo «Nocturno» */
/* Variables propias de SweetAlert2 (v11.22+): base del tema */
:root {
  --swal2-background: #151922;
  --swal2-color: #ECEFF4;
  --swal2-border-radius: 24px;
  --swal2-backdrop: rgba(4, 5, 8, 0.62);
  --swal2-width: 440px;
  --swal2-padding: 30px 28px 26px;
  --swal2-outline: 0 0 0 3px rgba(255, 204, 0, 0.45);
  --swal2-input-background: #0B0D12;
  --swal2-input-border: 1px solid #2A3140;
  --swal2-input-border-radius: 12px;
  --swal2-input-box-shadow: none;
  --swal2-input-focus-border: 1px solid #FFCC00;
  --swal2-input-focus-box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.2);
  --swal2-confirm-button-background-color: #FFCC00;
  --swal2-confirm-button-color: #0B0D12;
  --swal2-confirm-button-border-radius: 999px;
  --swal2-cancel-button-background-color: #262D3D;
  --swal2-cancel-button-color: #ECEFF4;
  --swal2-cancel-button-border-radius: 999px;
  --swal2-close-button-color: #8A93A6;
  --swal2-timer-progress-bar-background: rgba(255, 204, 0, 0.6);
  --swal2-toast-border: 1px solid #2A3140;
  --swal2-toast-box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.6);
  --swal2-validation-message-background: #1A1F29;
  --swal2-validation-message-color: #ECEFF4;
}
.swal2-container { font-family: "Manrope", system-ui, sans-serif; }
.swal2-container.swal2-backdrop-show { background: rgba(4, 5, 8, 0.62) !important; }
.mz-swal.swal2-popup {
  background: #151922; color: #ECEFF4; border-radius: 24px; padding: 30px 28px 26px;
  box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.8), 0 0 0 1px #262D3D; width: min(440px, 92vw);
}
.mz-swal .mz-swal-title, .mz-swal .swal2-title { font-family: "Sora", system-ui, sans-serif; font-weight: 600; font-size: 22px; color: #ECEFF4; padding-top: 6px; }
.mz-swal .mz-swal-text, .mz-swal .swal2-html-container { color: #A3ABBD; font-size: 15px; line-height: 1.55; }
.mz-swal .swal2-icon { border-width: 0; width: 64px; height: 64px; margin-top: 4px; }
.mz-swal .swal2-icon.swal2-warning, .mz-swal .swal2-icon.swal2-error { background: rgba(255, 107, 107, 0.14); color: #FF6B6B; }
.mz-swal .swal2-icon.swal2-question, .mz-swal .swal2-icon.swal2-info { background: rgba(255, 204, 0, 0.14); color: #FFCC00; }
.mz-swal .swal2-icon.swal2-success { background: rgba(79, 209, 197, 0.14); }
.mz-swal .swal2-icon .swal2-icon-content { font-size: 30px; font-weight: 700; }
.mz-swal .swal2-icon.swal2-success [class^='swal2-success-line'] { background-color: #4FD1C5; }
.mz-swal .swal2-icon.swal2-success .swal2-success-ring { border-color: transparent; }
.mz-swal .swal2-icon.swal2-success .swal2-success-circular-line-left,
.mz-swal .swal2-icon.swal2-success .swal2-success-circular-line-right,
.mz-swal .swal2-icon.swal2-success .swal2-success-fix { background: transparent !important; }
.mz-swal .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { background-color: #FF6B6B; }
.mz-swal .mz-swal-actions { gap: 10px; margin-top: 18px; }
.mz-btn {
  border: 0; border-radius: 999px; padding: 12px 20px; font: 700 14px "Manrope", system-ui, sans-serif; cursor: pointer;
  transition: filter .15s;
}
.mz-btn:hover { filter: brightness(1.08); }
.mz-btn:focus-visible { outline: 3px solid #FFCC00; outline-offset: 2px; }
.mz-btn-primary { background: #FFCC00; color: #0B0D12; }
.mz-btn-danger { background: #FF6B6B; color: #0B0D12; }
.mz-btn-ghost { background: #262D3D; color: #ECEFF4; }
.mz-swal .mz-swal-input { background: #0B0D12; color: #ECEFF4; border: 1px solid #2A3140; border-radius: 12px; font-size: 15px; box-shadow: none; }
.mz-swal .mz-swal-input:focus { border-color: #FFCC00; box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.2); }

/* Notificaciones (toasts) */
.mz-swal.swal2-toast {
  background: #1A1F29; color: #ECEFF4; border-radius: 16px; padding: 12px 16px; width: auto; max-width: min(420px, 92vw);
  box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px #2A3140;
}
.mz-swal.swal2-toast .swal2-html-container { color: #ECEFF4; font-size: 14px; margin: 0 4px; text-align: left; }
.mz-swal.swal2-toast .swal2-icon { width: 28px; height: 28px; min-width: 28px; margin: 0 8px 0 0; }
.mz-swal.swal2-toast .swal2-icon .swal2-icon-content { font-size: 16px; }
.mz-swal.swal2-toast .swal2-timer-progress-bar { background: rgba(255, 204, 0, 0.6); }
.mz-swal code { background: #0B0D12; color: #FFCC00; padding: 2px 6px; border-radius: 6px; word-break: break-all; }