.mf-toasts {
    position: fixed;
    top: var(--mf-space-5);
    right: var(--mf-space-5);
    z-index: 2000;
    display: flex;
    flex-direction: column;
    gap: var(--mf-space-2);
    pointer-events: none;
    max-width: 360px;
}

.mf-toast {
    display: flex;
    align-items: flex-start;
    gap: var(--mf-space-3);
    padding: var(--mf-space-3) var(--mf-space-4);
    background: var(--mf-bg);
    border: 1px solid var(--mf-border);
    border-radius: var(--mf-radius);
    box-shadow: var(--mf-shadow-md);
    color: var(--mf-text);
    font-size: 14px;
    pointer-events: auto;
    animation: mf-toast-in 0.25s ease-out;
    min-width: 280px;
}

.mf-toast--leaving {
    animation: mf-toast-out 0.2s ease-in forwards;
}

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

.mf-toast__icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

.mf-toast--success { border-left: 3px solid var(--mf-success); }
.mf-toast--success .mf-toast__icon { color: var(--mf-success); }

.mf-toast--danger  { border-left: 3px solid var(--mf-danger); }
.mf-toast--danger .mf-toast__icon  { color: var(--mf-danger); }

.mf-toast--warning { border-left: 3px solid var(--mf-warning); }
.mf-toast--warning .mf-toast__icon { color: var(--mf-warning); }

.mf-toast--info    { border-left: 3px solid var(--mf-info); }
.mf-toast--info .mf-toast__icon    { color: var(--mf-info); }

.mf-toast__body { flex: 1; min-width: 0; }
.mf-toast__title { font-weight: 600; margin: 0 0 2px 0; }
.mf-toast__message { color: var(--mf-text-muted); margin: 0; }
.mf-toast__close {
    background: transparent;
    border: 0;
    color: var(--mf-text-subtle);
    cursor: pointer;
    padding: 0;
    margin-left: var(--mf-space-2);
}
.mf-toast__close:hover { color: var(--mf-text); }