/* 336: Toast-notifikasjoner */
.lx-toast-container {
    position: fixed; bottom: 20px; right: 20px;
    display: flex; flex-direction: column; gap: 8px;
    z-index: 9999; max-width: calc(100vw - 40px);
    pointer-events: none;
}
.lx-toast {
    pointer-events: auto;
    background: var(--lx-surface, #fff);
    color: var(--lx-text, #171717);
    padding: 12px 16px; border-radius: 10px;
    border-left: 4px solid #8b5cf6;
    box-shadow: 0 6px 22px rgba(0, 0, 0, .18);
    display: flex; align-items: center; gap: 12px;
    min-width: 280px; max-width: 420px;
    animation: lx-toast-in 200ms ease;
    font-size: 14px; line-height: 1.4;
}
:root[data-theme="dark"] .lx-toast { background: #171717; color: #fafafa; box-shadow: 0 6px 22px rgba(0,0,0,.45); }
.lx-toast--success { border-left-color: #84cc16; }
.lx-toast--error   { border-left-color: #f43f5e; }
.lx-toast--warning { border-left-color: #c9a227; }
.lx-toast--info    { border-left-color: #06b6d4; }
.lx-toast-icon { font-size: 16px; flex-shrink: 0; }
.lx-toast-msg { flex: 1; }
.lx-toast-action {
    background: transparent; border: 0; color: #8b5cf6;
    font-weight: 600; cursor: pointer; padding: 0 4px;
    font-size: 13px;
}
.lx-toast-action:hover { text-decoration: underline; }
.lx-toast-close {
    background: transparent; border: 0; cursor: pointer;
    color: inherit; opacity: .5; font-size: 18px;
    line-height: 1; padding: 0 4px;
}
.lx-toast-close:hover { opacity: 1; }
.lx-toast--exit { animation: lx-toast-out 200ms ease forwards; }
@keyframes lx-toast-in {
    from { transform: translateX(110%); opacity: 0; }
    to   { transform: translateX(0); opacity: 1; }
}
@keyframes lx-toast-out {
    from { transform: translateX(0); opacity: 1; }
    to   { transform: translateX(110%); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .lx-toast, .lx-toast--exit { animation: none; }
}
@media (max-width: 640px) {
    .lx-toast-container { left: 20px; }
    .lx-toast { min-width: 0; max-width: none; width: 100%; }
}