/* ========================================
   ALERT CONTAINER
   Fixed-position toast list rendered in pageShell. Server pipelines
   inject <li> elements via OOB swaps to surface success/error feedback.
   Variant styling for alert dialogs is intentionally minimal pending
   a dedicated alert redesign feature.
   ======================================== */

#alert-container {
    position: fixed;
    top: 64px;
    right: var(--space-4);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    max-width: 400px;
    width: calc(100vw - (var(--space-4) * 2));
    pointer-events: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

#alert-container > li {
    pointer-events: auto;
    background: var(--bg-surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: var(--space-3) var(--space-4);
    color: var(--text-primary);
    font-size: var(--text-sm);
}