/* =====================================================
   ToastHost — fixed-position container (scoped)
   Tokens only: glasstock-design-system.css is the single source.
   --gs-z-toast falls back to 1200 (above --gs-z-modal which is 1050).
   ===================================================== */

.gs-toast-host {
    position: fixed;
    /* Mobile-first: top-center, allow safe-area for notch / dynamic island */
    top: calc(var(--gs-space-3) + env(safe-area-inset-top, 0px));
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    z-index: var(--gs-z-toast, 1200);
    display: flex;
    flex-direction: column;
    gap: var(--gs-space-2);
    padding: 0 var(--gs-space-3);
    width: 100%;
    max-width: 420px;
    box-sizing: border-box;
    /* Allow clicks to pass through empty space; toasts re-enable themselves. */
    pointer-events: none;
}

/* Tablet portrait and up: dock to top-right */
@media (min-width: 768px) {
    .gs-toast-host {
        top: var(--gs-space-4);
        right: var(--gs-space-4);
        left: auto;
        transform: none;
        max-width: 420px;
        width: auto;
        align-items: flex-end;
        padding: 0;
    }
}