.toasts{position:fixed;z-index:120;display:grid;gap:10px;top:auto;right:20px;bottom:20px;left:auto;width:min(380px,calc(100vw - 40px));transform:none;box-sizing:border-box}
.toasts[data-position="top-left"]{top:20px;right:auto;bottom:auto;left:20px}
.toasts[data-position="bottom-left"]{top:auto;right:auto;bottom:20px;left:20px}
.toasts[data-position="top-right"]{top:20px;right:20px;bottom:auto;left:auto}
.toasts[data-position="bottom-right"]{top:auto;right:20px;bottom:20px;left:auto}
.toasts[data-position="top-center"]{top:20px;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}
.toasts[data-position="bottom-center"]{top:auto;right:auto;bottom:20px;left:50%;transform:translateX(-50%)}
.toasts[data-position="center"]{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}
.toasts .toast{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px 12px;overflow:hidden;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#087354;color:#fff;box-shadow:0 16px 38px rgba(4,27,21,.24);font:500 13px/1.45 system-ui,sans-serif;box-sizing:border-box;animation:toast-in .35s ease-out}
.toasts .toast.is-leaving{animation:toast-out .35s ease-in forwards}
@keyframes toast-in{from{opacity:0;transform:translateY(12px)}}@keyframes toast-out{to{opacity:0;transform:translateX(24px)}}
.toasts .toast--success{background:#087354}.toasts .toast--danger{background:#a93232}.toasts .toast--warning{background:#94600a}.toasts .toast--info{background:#17618c}
.toasts[data-color-mode="green"] .toast,.toasts[data-color-mode="green"] .toast--success,.toasts[data-color-mode="green"] .toast--danger,.toasts[data-color-mode="green"] .toast--warning,.toasts[data-color-mode="green"] .toast--info{background:#087354}
.toasts .toast__icon{grid-column:1;grid-row:1;background:rgba(255,255,255,.2);color:#fff}
.toasts .toast>span:not(.toast__icon){grid-column:2;grid-row:1;min-width:0;overflow-wrap:anywhere}
.toasts .toast>button:not(.toast__details-toggle){grid-column:3;grid-row:1;align-self:start;margin:0;color:#fff;opacity:.8}
.toasts .toast__details-toggle{grid-column:2;grid-row:2;justify-self:start;margin:0;padding:0;color:#fff;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:800;opacity:.92}
.toasts .toast__details{grid-column:1/-1;grid-row:3;max-height:190px;overflow:auto;padding:11px 12px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(0,0,0,.14);color:#fff;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.toasts .toast__details[hidden]{display:none}
.settings-toast-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}
.settings-toast-form label{display:grid;gap:6px;min-width:210px;color:var(--text);font-size:12px;font-weight:800}
.settings-toast-form select{min-height:40px;padding:8px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:13px}
.settings-toast-demo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.settings-toast-demo>span{margin-right:4px;color:var(--muted);font-size:12px;font-weight:800}.settings-toast-demo .btn{padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);font-size:12px}
.settings-toast-help{display:block;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:520px){.toasts,.toasts[data-position="top-left"],.toasts[data-position="bottom-left"],.toasts[data-position="top-right"],.toasts[data-position="bottom-right"]{right:12px;left:12px;width:auto}.toasts[data-position="top-left"],.toasts[data-position="top-right"]{top:12px}.toasts[data-position="bottom-left"],.toasts[data-position="bottom-right"]{bottom:12px}.settings-toast-form label{width:100%}.settings-toast-form button[type="submit"]{width:100%}}
@media(prefers-reduced-motion:reduce){.toasts .toast{animation:none}}