:root{--toast-success-bg:color-mix(in srgb,var(--green) 11%,#fff);--toast-error-bg:color-mix(in srgb,var(--red) 10%,#fff);--toast-warning-bg:color-mix(in srgb,var(--amber) 12%,#fff);--toast-info-bg:color-mix(in srgb,var(--blue) 10%,#fff)}
.app-toast-stack{position:fixed;right:20px;bottom:20px;z-index:3000;display:flex;flex-direction:column-reverse;align-items:stretch;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}.app-toast{display:grid;grid-template-columns:34px minmax(0,1fr) 26px;gap:10px;align-items:start;padding:12px 11px 12px 12px;border:1px solid var(--toast-border);border-left:4px solid var(--toast-accent);border-radius:11px;background:var(--toast-bg);color:var(--text);box-shadow:0 12px 30px rgba(0,32,96,.16);font-size:12px;line-height:1.4;pointer-events:auto;animation:app-toast-in .18s ease-out}.app-toast__icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--toast-accent);color:#fff;font-size:16px;font-weight:800;line-height:1}.app-toast__title{display:block;color:var(--toast-accent);font-size:12px;font-weight:800}.app-toast__message{display:block;margin-top:2px;color:var(--muted);font-size:11px}.app-toast__close{width:26px;height:26px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);font:500 20px/1 sans-serif;cursor:pointer}.app-toast__close:hover,.app-toast__close:focus-visible{background:rgba(0,0,0,.06);color:var(--text)}.app-toast--success{--toast-accent:var(--green);--toast-bg:var(--toast-success-bg);--toast-border:color-mix(in srgb,var(--green) 26%,#fff)}.app-toast--error{--toast-accent:var(--red);--toast-bg:var(--toast-error-bg);--toast-border:color-mix(in srgb,var(--red) 24%,#fff)}.app-toast--warning{--toast-accent:var(--amber);--toast-bg:var(--toast-warning-bg);--toast-border:color-mix(in srgb,var(--amber) 26%,#fff)}.app-toast--info{--toast-accent:var(--blue);--toast-bg:var(--toast-info-bg);--toast-border:color-mix(in srgb,var(--blue) 24%,#fff)}@keyframes app-toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:640px){.app-toast-stack{right:12px;bottom:12px;width:calc(100vw - 24px)}}