/* Toast styles are owned here; all public, studio and admin shells share this file. */
.pwl-toast-stack { position:fixed; inset:auto 24px 40px auto; z-index:1000; width:380px; max-width:calc(100vw - 32px); margin:0; padding:0; border:0; background:transparent; color:var(--pwl-color-text); overflow:visible; opacity:1; transform:translateY(0); transition:opacity .2s ease,transform .2s ease; font-family:inherit; }
.pwl-toast-stack[hidden] { display:none; }
.pwl-toast-stack:popover-open { display:block; }
.pwl-toast-stack::backdrop { background:transparent; pointer-events:none; }
.pwl-toast-stack:focus-visible { outline:2px solid var(--pwl-color-brand); outline-offset:6px; border-radius:9px; }
.pwl-toast-stack[data-closing="true"] { opacity:0; transform:translateY(10px); pointer-events:none; }
.pwl-toast-viewport { max-height:55dvh; padding:12px; margin:-12px; overflow-x:hidden; overflow-y:hidden; scrollbar-width:none; overscroll-behavior:contain; }
.pwl-toast-stack[data-expanded="true"] .pwl-toast-viewport { overflow-y:auto; }
.pwl-toast-viewport::-webkit-scrollbar { display:none; width:0; height:0; }
.pwl-toast-items { position:relative; height:52px; transition:height .22s cubic-bezier(.2,.75,.25,1); }
.pwl-toast-row { box-sizing:border-box; position:absolute; inset:auto 0 0; display:flex; align-items:center; gap:10px; height:52px; padding:12px 10px 12px 14px; border:1px solid var(--pwl-color-border); border-radius:9px; background:var(--pwl-color-white); box-shadow:0 4px 14px var(--pwl-color-24304b12); transform-origin:bottom center; transform:translateY(calc(var(--pwl-toast-depth) * -8px)) scale(calc(1 - min(var(--pwl-toast-depth), 2) * .035)); opacity:1; transition:transform .22s cubic-bezier(.2,.75,.25,1),opacity .2s ease; }
.pwl-toast-stack[data-expanded="true"] .pwl-toast-row { transform:translateY(calc(var(--pwl-toast-depth) * -60px)) scale(1); }
.pwl-toast-row[data-occluded="true"] { opacity:0; pointer-events:none; }
.pwl-toast-row[data-entering="true"] { opacity:0; transform:translateY(12px) scale(.98); }
.pwl-toast-stack:not([data-expanded="true"]) .pwl-toast-row[data-back="true"]>* { visibility:hidden; }
.pwl-toast-icon { width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.pwl-toast-row[data-type="error"] .pwl-toast-icon { color:var(--pwl-color-danger); }
.pwl-toast-message { flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; line-height:20px; font-weight:500; }
.pwl-toast-close { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:26px; height:26px; padding:5px; border:0; border-radius:5px; background:transparent; color:var(--pwl-color-muted); cursor:pointer; }
.pwl-toast-close:hover { background:var(--pwl-color-surface); color:var(--pwl-color-text); }
.pwl-toast-close svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; }
.pwl-toast-close:focus-visible { outline:2px solid var(--pwl-color-brand); outline-offset:2px; }
@media(max-width:820px) {
.pwl-toast-stack { right:16px; bottom:100px; max-width:calc(100vw - 32px); }
}
@media(prefers-reduced-motion:reduce) {
.pwl-toast-stack,.pwl-toast-items,.pwl-toast-row { transition:none; }
}