.ss-toast-region { position: fixed; z-index: 10040; right: 22px; bottom: max(22px, env(safe-area-inset-bottom)); width: min(390px, calc(100vw - 32px)); display: grid; gap: 10px; pointer-events: none; }
.ss-toast { padding: 14px; display: grid; grid-template-columns: 38px 1fr 44px; gap: 11px; align-items: start; background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; box-shadow: 0 18px 50px rgba(15,23,42,.18); pointer-events: auto; animation: ssToastIn .22s ease both; }
.ss-toast.is-leaving { animation: ssToastOut .18s ease both; }
.ss-toast-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: #eef4ff; }
.ss-toast--success .ss-toast-icon { background: #ecfdf5; }
.ss-toast--warning .ss-toast-icon { background: #fffbeb; }
.ss-toast--danger .ss-toast-icon,
.ss-toast--error .ss-toast-icon { background: #fef2f2; }
.ss-toast-icon img { width: 21px; height: 21px; }
.ss-toast-content strong { display: block; color: #111827; font-size: 14px; }
.ss-toast-content p { margin: 3px 0 0; color: #64748b; font-size: 13px; line-height: 1.45; }
.ss-toast-action { min-height: 40px; margin-top: 8px; padding: 7px 0; border: 0; background: transparent; color: #2563eb; font-weight: 700; cursor: pointer; }
.ss-toast-close { width: 44px; height: 44px; border: 0; border-radius: 9px; background: #f1f5f9; color: #64748b; font-size: 22px; cursor: pointer; }
.ss-toast-close:focus-visible,
.ss-toast-action:focus-visible { outline: 3px solid rgba(37,99,235,.25); outline-offset: 2px; }
@keyframes ssToastIn { from { opacity: 0; transform: translateY(12px); } }
@keyframes ssToastOut { to { opacity: 0; transform: translateY(8px); } }
@media (max-width: 600px) {
    .ss-toast-region { right: 12px; left: 12px; bottom: max(84px, calc(env(safe-area-inset-bottom) + 72px)); width: auto; }
}
@media (prefers-reduced-motion: reduce) {
    .ss-toast,
    .ss-toast.is-leaving { animation: none; }
}