/* --- Custom SweetAlert2 Styles for Reset Modal --- */
.swal-custom-confirm {
    background: linear-gradient(135deg, #e91e63 0%, #9c27b0 100%) !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 12px 32px !important;
    border-radius: 12px !important;
    border: none !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
    box-shadow: 0 4px 12px rgba(233, 30, 99, 0.3) !important;
}

.swal-custom-confirm:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(233, 30, 99, 0.4) !important;
}

.swal-custom-cancel {
    background: white !important;
    color: #1f2937 !important;
    font-weight: 600 !important;
    padding: 12px 32px !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: background-color 0.2s !important;
}

.swal-custom-cancel:hover {
    background-color: #f9fafb !important;
}

/* Ensure rounded corners for the popup itself */
div:where(.swal2-popup).rounded-xl {
    border-radius: 24px !important;
}

/* Custom text styles override */
div:where(.swal2-container) div:where(.swal2-html-container) {
    color: #6b7280 !important; /* Text gray 500 */
    font-size: 1rem !important;
    margin-top: 0.5rem !important;
}

div:where(.swal2-container) h2:where(.swal2-title) {
    color: #111827 !important; /* Text gray 900 */
    font-size: 1.5rem !important;
    padding: 0 !important;
}