/**
 * Fix SweetAlert2 - Forzar colores en botones
 */

/* ============================================
   FORZAR COLORES EN BOTONES (Light y Dark mode)
   ============================================ */

/* Texto blanco SIEMPRE */
div.swal2-container div.swal2-popup div.swal2-actions button.swal2-styled {
    color: #ffffff !important;
}

/* Light mode - Forzar fondos de color en los botones */
html:not(.dark) div.swal2-container div.swal2-popup div.swal2-actions button.swal2-styled.swal2-confirm {
    background-color: #f97316 !important;
    color: #ffffff !important;
}

html:not(.dark) div.swal2-container div.swal2-popup div.swal2-actions button.swal2-styled.swal2-cancel {
    background-color: #6b7280 !important;
    color: #ffffff !important;
}

html:not(.dark) div.swal2-container div.swal2-popup div.swal2-actions button.swal2-styled.swal2-deny {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}

/* Dark mode - Mantener los mismos colores */
html.dark div.swal2-container div.swal2-popup div.swal2-actions button.swal2-styled.swal2-confirm {
    background-color: #f97316 !important;
    color: #ffffff !important;
}

html.dark div.swal2-container div.swal2-popup div.swal2-actions button.swal2-styled.swal2-cancel {
    background-color: #6b7280 !important;
    color: #ffffff !important;
}

html.dark div.swal2-container div.swal2-popup div.swal2-actions button.swal2-styled.swal2-deny {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}

/* Hover states */
button.swal2-styled.swal2-confirm:hover {
    filter: brightness(0.9) !important;
}

button.swal2-styled.swal2-cancel:hover {
    filter: brightness(0.9) !important;
}

button.swal2-styled.swal2-deny:hover {
    filter: brightness(0.9) !important;
}

/* ============================================
   LIGHT MODE - Popup y textos
   ============================================ */

html:not(.dark) .swal2-popup {
    background: #ffffff !important;
}

html:not(.dark) .swal2-title {
    color: #111827 !important;
}

html:not(.dark) .swal2-html-container {
    color: #374151 !important;
}

/* ============================================
   DARK MODE - Popup y otros elementos
   ============================================ */

.dark .swal2-popup {
    background: #1f2937 !important;
}

.dark .swal2-title {
    color: #f3f4f6 !important;
}

.dark .swal2-html-container {
    color: #e5e7eb !important;
}

.dark .swal2-icon.swal2-warning {
    border-color: #f59e0b !important;
    color: #fbbf24 !important;
}

.dark .swal2-icon.swal2-error {
    border-color: #ef4444 !important;
    color: #f87171 !important;
}

.dark .swal2-icon.swal2-success {
    border-color: #10b981 !important;
    color: #34d399 !important;
}

.dark .swal2-icon.swal2-error .swal2-x-mark-line-left,
.dark .swal2-icon.swal2-error .swal2-x-mark-line-right {
    background-color: #f87171 !important;
}

.dark .swal2-icon.swal2-success .swal2-success-line-tip,
.dark .swal2-icon.swal2-success .swal2-success-line-long {
    background-color: #34d399 !important;
}

.dark .swal2-close {
    color: #9ca3af !important;
}

.dark .swal2-close:hover {
    color: #ef4444 !important;
}