/* Mobile Fixes for SweetAlert2 Overflow */
@media (max-width: 576px) {
    .swal2-popup {
        width: 95% !important;
        margin: 0 auto !important;
        padding: 1.25rem 0.75rem !important;
        font-size: 0.875rem !important;
    }
    
    .swal2-title {
        font-size: 1.25rem !important;
    }
    
    .swal2-html-container {
        margin: 1rem 0.5rem !important;
        word-break: break-word !important;
        overflow-x: hidden;
        text-align: center !important;
    }
    
    /* Stack buttons vertically on small screens to prevent horizontal overflow */
    .swal2-actions {
        flex-direction: column !important;
        width: 100% !important;
        gap: 10px;
        padding: 0 1rem 1rem !important;
    }
    
    .swal2-actions button {
        width: 100% !important;
        margin: 0 !important;
        min-height: 48px !important;
    }
}