/* djangoBase – Toast-Meldungen (aus dem Assistant portiert).
   Markup rendert base_app.html (#toast-stack > .toast-item.toast-<tag>).
   Klick auf einen Toast blendet ihn aus (Handler im Template). */

#toast-stack {
    position: fixed; bottom: 20px; right: 20px;
    z-index: 10000; display: flex; flex-direction: column;
    gap: 0.5rem; max-width: 380px;
}

.toast-item {
    display: flex; align-items: center; gap: 0.6rem;
    padding: 0.7rem 1rem;
    background: var(--dbt-flaeche, #1a2940); color: var(--dbt-text, #e0e8f0);
    border: 1px solid rgba(var(--dbt-fg-rgb, 255, 255, 255), 0.1);
    border-left: 4px solid var(--dbt-knopf, #4ea8f6);
    border-radius: 6px;
    box-shadow: 0 4px 14px rgba(var(--dbt-tief-rgb, 0, 0, 0), 0.3);
    cursor: pointer; user-select: none;
    animation: toast-in 220ms ease-out;
    font-size: 0.9rem;
}
.toast-item i { font-size: 1.1rem; flex-shrink: 0; }
.toast-item.hide { animation: toast-out 280ms ease-in forwards; }

.toast-item.toast-success { border-left-color: #5fd97a; }
.toast-item.toast-success i { color: var(--dbt-ok-text, #5fd97a); }
.toast-item.toast-error { border-left-color: #ff8080; }
.toast-item.toast-error i { color: var(--dbt-fehler-text, #ff8080); }
.toast-item.toast-warning { border-left-color: #ffc107; }
.toast-item.toast-warning i { color: var(--dbt-warn-text, #ffc107); }
.toast-item.toast-info { border-left-color: var(--dbt-knopf, #4ea8f6); }
.toast-item.toast-info i { color: var(--dbt-akzent-text, #4ea8f6); }

@keyframes toast-in {
    from { transform: translateX(20px); opacity: 0; }
    to   { transform: translateX(0); opacity: 1; }
}
@keyframes toast-out {
    to { transform: translateX(20px); opacity: 0; }
}