/* Enhanced Alert Modal Styles */
.alert-modal {
    z-index: 10000;
}

.alert-modal-dialog .elegant-modal-container{
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.alert-modal .elegant-modal-content {
    text-align: center;
    padding: 2rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
}

.alert-modal.error .elegant-modal-header {
    color: #d9534f;
}

.alert-modal.success .elegant-modal-header {
    color: #5cb85c;
}

.alert-modal .error-code {
    margin-top: 1rem;
    font-size: 0.85rem;
    color: #888;
    direction: ltr; /* For error codes that might contain Latin characters */
}

.alert-modal .support-info {
    font-size: 0.9rem;
    color: #666;
}

/* Animation for alert modal */
.fade-in-scale {
    animation: fadeInScale 0.3s ease forwards;
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.0) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(calc(-50% - 32px));
    }
}