/* Custom Modal Styles */
.custom-modal {
    font-family: 'Outfit', sans-serif !important;
    border-radius: 15px !important;
    padding: 1.5rem !important;
}

.custom-modal-title {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

.custom-modal-confirm {
    background-color: var(--accent) !important;
    color: var(--text) !important;
    border: none !important;
    padding: 0.75rem 1.5rem !important;
    font-size: 1rem !important;
    border-radius: 8px !important;
    font-family: 'Outfit', sans-serif !important;
    transition: all 0.3s ease !important;
}

.custom-modal-confirm:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.custom-modal-cancel {
    background-color: #dc3545 !important;
    color: var(--text) !important;
    border: none !important;
    padding: 0.75rem 1.5rem !important;
    font-size: 1rem !important;
    border-radius: 8px !important;
    font-family: 'Outfit', sans-serif !important;
    transition: all 0.3s ease !important;
}

.custom-modal-cancel:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.custom-modal-input {
    background-color: var(--primary) !important;
    color: var(--text) !important;
    border: 2px solid var(--accent) !important;
    border-radius: 8px !important;
    padding: 0.5rem 1rem !important;
    font-family: 'Outfit', sans-serif !important;
    margin-top: 1rem !important;
}

.swal2-icon {
    border-color: var(--accent) !important;
    color: var(--accent) !important;
}

/* Dark theme support */
[data-theme='dark'] .custom-modal {
    background-color: #1f1f1f !important;
}

[data-theme='dark'] .custom-modal-title,
[data-theme='dark'] .swal2-html-container {
    color: #ffffff !important;
}