/* 4brand_swal.css — tema Nova Era dos modais SweetAlert2 (#548 F1-6; extraído do app.css e das 2 LPs na faxina
   do Bruno, 14/09). Carregado por head.php (páginas do app) e pelas LPs standalone, SEMPRE depois do
   sweetalert2.min.css — seletores com 2 classes (.swal2-container .x) vencem o vendor sem depender da ordem.
   Nenhuma chamada Swal.fire muda. Cor do botão: 133 chamadas passam confirmButtonColor:'#2D4A7C' (vira style
   inline rgb(45, 74, 124)) — esse caso vira o primário DOURADO; vermelhos (excluir) e verde (WhatsApp) continuam,
   só ganham a forma. Quando as chamadas migrarem pra customClass, o seletor [style*=...] sai. */
.swal2-container.swal2-backdrop-show { background: rgba(7,14,29,.62); }
.swal2-container .swal2-popup { border-radius: var(--radius-xl); padding: 28px 26px 24px; box-shadow: 0 30px 80px rgba(7,14,29,.45); font-family: var(--font-body); color: var(--ink); }
.swal2-container .swal2-title { font-family: var(--font-title); font-size: 22px; font-weight: 700; color: var(--ink); padding: 0 0 6px; line-height: 1.25; }
.swal2-container .swal2-html-container { font-size: 15px; line-height: 1.55; color: var(--ink-2); margin: 8px 0 0; }
.swal2-container .swal2-actions { gap: 10px; margin-top: 22px; }
.swal2-container .swal2-styled { min-height: 46px; padding: 10px 22px; border-radius: var(--radius-pill); font-family: var(--font-body); font-size: 15px; font-weight: 600; margin: 0; box-shadow: none; transition: transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s, color .18s; }
.swal2-container .swal2-styled:focus { box-shadow: 0 0 0 4px rgba(212,168,75,.35); }
.swal2-container .swal2-confirm[style*="45, 74, 124"] { background: var(--brand-gold) !important; color: var(--night-900); box-shadow: var(--glow-gold); }
.swal2-container .swal2-confirm[style*="45, 74, 124"]:hover { background: var(--gold-400) !important; transform: translateY(-1px); }
.swal2-container .swal2-cancel { background: transparent !important; color: var(--brand-blue); border: 2px solid var(--brand-blue); }
.swal2-container .swal2-cancel:hover { background: var(--brand-blue) !important; color: #fff; }
.swal2-container .swal2-deny { border-radius: var(--radius-pill); }
.swal2-container .swal2-input, .swal2-container .swal2-textarea, .swal2-container .swal2-select { min-height: 48px; padding: 12px 16px; border: 1.5px solid var(--line); border-radius: var(--radius-md); font-size: 16px; font-family: var(--font-body); color: var(--ink); box-shadow: none; margin: 14px 0 0; }
.swal2-container .swal2-input:focus, .swal2-container .swal2-textarea:focus, .swal2-container .swal2-select:focus { border-color: var(--brand-blue); box-shadow: 0 0 0 4px rgba(45,74,124,.14); outline: none; }
.swal2-container .swal2-icon { margin: 4px auto 14px; border-width: 3px; }
.swal2-container .swal2-icon.swal2-success { border-color: var(--brand-green-soft); color: var(--brand-green-soft); }
.swal2-container .swal2-icon.swal2-success [class^='swal2-success-line'] { background-color: var(--brand-green-soft); }
.swal2-container .swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(15,157,107,.35); }
.swal2-container .swal2-icon.swal2-error { border-color: var(--err); color: var(--err); }
.swal2-container .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { background-color: var(--err); }
.swal2-container .swal2-icon.swal2-warning { border-color: var(--brand-gold); color: var(--brand-gold-ink); }
.swal2-container .swal2-icon.swal2-info, .swal2-container .swal2-icon.swal2-question { border-color: var(--brand-blue); color: var(--brand-blue); }
.swal2-container .swal2-close { color: var(--ink-3); font-size: 28px; width: 44px; height: 44px; border-radius: 50%; }
.swal2-container .swal2-close:hover { color: var(--ink); background: var(--paper-2); transform: none; }
.swal2-container .swal2-timer-progress-bar { background: var(--brand-gold); }
.swal2-container .swal2-loader { border-color: var(--brand-gold) transparent var(--brand-gold) transparent; }
@media (max-width: 480px) { .swal2-container .swal2-popup { padding: 24px 20px 20px; } .swal2-container .swal2-actions { flex-direction: column-reverse; align-items: stretch; } .swal2-container .swal2-styled { width: 100%; } }

/* #590 — modal do código de confirmação de e-mail (emailConfirmModal em common.js) */
.swal2-popup.ec-modal { border-radius: 22px; padding: 28px 24px; }
.swal2-popup.ec-modal .swal2-title { font-family: 'Poppins', sans-serif; font-size: 21px; font-weight: 800; color: var(--ink); padding: 0; }
.ec-eyebrow { font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--brand-gold-ink); margin: 2px 0 6px; }
.ec-lead { font-size: 14px; color: var(--ink-2); margin: 0 0 14px; line-height: 1.5; }
.ec-code { width: 180px; text-align: center; font-size: 28px; font-weight: 700; letter-spacing: 6px; padding: 12px; border: 2px solid var(--line); border-radius: 12px; outline: none; font-family: var(--font-body); }
.ec-code:focus { border-color: var(--brand-blue); box-shadow: 0 0 0 4px rgba(45,74,124,.14); }
.ec-spam { text-align: left; font-size: 12.5px; color: var(--brand-gold-ink); background: rgba(212,168,75,.12); border-radius: 10px; padding: 9px 11px; margin: 14px 0 0; line-height: 1.5; }
.ec-resend { background: none; border: 0; padding: 0; font: inherit; font-weight: 700; color: var(--brand-blue); cursor: pointer; text-decoration: underline; min-height: 24px; }
.ec-resend:disabled { color: var(--ink-3); text-decoration: none; cursor: default; }