.custom-alert {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 1rem 1.5rem;
    background-color: var(--bg-surface);
    color: var(--slate-earth);
    border-left: 5px solid var(--amber);
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    font-family: inherit;
    font-weight: 600;
    z-index: 9999;
    animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.custom-alert.error {
    border-left-color: var(--bg-red);
}