/* Toast container + varianter */

/* Toasts placeres NEDERST I MIDTEN — væk fra knap-klyngen øverst-højre og
   produktions-advarslerne. Nyeste toast ligger nederst (column-reverse). */
.toast-container {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 8px;
    z-index: 9000;
    pointer-events: none;
}
/* Top-center variant (fx live-opdaterings-besked fra anden bruger) */
.toast-container.toast-container-top {
    bottom: auto;
    top: 24px;
    flex-direction: column;
}

.toast-container .error-toast {
    position: relative;
    top: auto;
    right: auto;
    animation: toastUp 0.28s ease;
    pointer-events: auto;
    max-width: 480px;
}

@keyframes toastUp {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

.toast-container .error-toast.toast-fade {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.toast-success {
    background: rgba(46, 160, 67, 0.18) !important;
    border-color: #2ea043 !important;
}

.toast-warn {
    background: rgba(212, 163, 74, 0.18) !important;
    border-color: #d4a34a !important;
}

.toast-info {
    background: rgba(74, 144, 217, 0.18) !important;
    border-color: #4a90d9 !important;
}