/* ===== VortekFarma — Estilos de alertas (SweetAlert2) =====
   Referencia visual aprobada. Convive con el CSS de SweetAlert de la
   plantilla mediante clases propias (vf-*) aplicadas vía customClass.
   NO sobreescribe el CSS original de SweetAlert. */

.swal2-container.vf-backdrop { background: rgba(17, 24, 39, .45); }
.vf-modal { border: 1px solid #b0b5ba; border-radius: 10px; box-shadow: 0 8px 30px rgba(17, 24, 39, .12); }
.vf-modal .swal2-title { font-size: 1.05rem; font-weight: 600; color: #1f2937; margin-top: .4rem; }
.vf-modal .swal2-html-container { font-size: .9rem; color: #4b5563; line-height: 1.5; }
.vf-modal .swal2-icon { transform: scale(.85); }
.vf-modal .swal2-timer-progress-bar { background: #c7d2fe; }
.vf-modal .swal2-actions { gap: .6rem; }
.vf-btn { border: 1px solid transparent; border-radius: 6px; padding: .5rem 1.5rem; font-size: .875rem; font-weight: 500; cursor: pointer; transition: filter .15s ease; }
.vf-btn:hover { filter: brightness(.97); }
.vf-btn-warning { background: #fff8e6; border-color: #f3d98b; color: #8a6d1a; }
.vf-btn-error   { background: #fdecec; border-color: #f1b6b6; color: #9b1c1c; }
.vf-btn-success { background: #ecf9f0; border-color: #1de9b6; color: #1de9b6; }
.vf-btn-info    { background: #e8f6fc; border-color: #9bd7ee; color: #0a6e90; }
.vf-btn-cancel  { background: #f3f4f6; border: 1.5px solid #cbd1d9; color: #374151; }
.vf-btn-primary { background: #eaf1ff; border-color: #a9c4ff; color: #2f5bd7; }

/* ===== Complementos no incluidos en la referencia (no alteran lo aprobado) ===== */

/* Input de VortekAlert.prompt() (swal2-input) — alineado a la estética vf */
.vf-modal .swal2-input {
    border: 1.5px solid #cbd1d9;
    border-radius: 6px;
    font-size: .95rem;
    box-shadow: none;
}
.vf-modal .swal2-input:focus { border-color: #a9c4ff; box-shadow: 0 0 0 3px rgba(70, 128, 255, .15); }
.vf-modal .swal2-input-label { font-size: .875rem; color: #4b5563; }

/* Modal "Procesando..." (Swal.showLoading) — spinner en tono neutro de la paleta */
.vf-modal .swal2-loader {
    border-color: #c7d2fe transparent #c7d2fe transparent;
}
.vf-modal.vf-loading .swal2-title { margin-top: .9rem; }

/* ===== Modo oscuro =====
   El fondo del popup ya lo adapta la plantilla (.swal2-popup usa --bs-body-bg);
   aquí solo se corrigen los colores fijos de texto, borde y botones. */

[data-pc-theme="dark"] .swal2-container.vf-backdrop { background: rgba(0, 0, 0, .55); }
[data-pc-theme="dark"] .vf-modal { border-color: #303f50; box-shadow: 0 8px 30px rgba(0, 0, 0, .5); }
[data-pc-theme="dark"] .vf-modal .swal2-title { color: #e5e7eb; }
[data-pc-theme="dark"] .vf-modal .swal2-html-container { color: #9ca3af; }

/* Mensaje de Swal.showValidationMessage(): fondo gris claro por defecto */
[data-pc-theme="dark"] .swal2-validation-message { background: #263240; color: #f87171; }

[data-pc-theme="dark"] .vf-btn:hover { filter: brightness(1.15); }
[data-pc-theme="dark"] .vf-btn-warning { background: rgba(243, 217, 139, .12); border-color: #8a6d1a; color: #fcd34d; }
[data-pc-theme="dark"] .vf-btn-error   { background: rgba(220, 38, 38, .15); border-color: #9b1c1c; color: #f87171; }
[data-pc-theme="dark"] .vf-btn-success { background: rgba(34, 197, 94, .15); border-color: #166534; color: #4ade80; }
[data-pc-theme="dark"] .vf-btn-info    { background: rgba(13, 202, 240, .15); border-color: #0a6e90; color: #67d8f4; }
[data-pc-theme="dark"] .vf-btn-cancel  { background: #263240; border-color: #3a4a5c; color: #cbd5e1; }
[data-pc-theme="dark"] .vf-btn-primary { background: rgba(70, 128, 255, .15); border-color: #2f5bd7; color: #8fb3ff; }

[data-pc-theme="dark"] .vf-modal .swal2-input { border-color: #3a4a5c; color: #e5e7eb; background: transparent; }
[data-pc-theme="dark"] .vf-modal .swal2-input:focus { border-color: #2f5bd7; box-shadow: 0 0 0 3px rgba(70, 128, 255, .25); }
[data-pc-theme="dark"] .vf-modal .swal2-input-label { color: #9ca3af; }