.autosave-toast { position:fixed; right:24px; bottom:24px; z-index:60; display:flex; align-items:center; gap:12px; width:max-content; max-width:min(440px,calc(100vw - 32px)); padding:14px 16px; border:1px solid #d9e4de; border-radius:14px; background:#fff; color:#172236; box-shadow:0 8px 32px #14223826; }
.autosave-toast[hidden] { display:none; }
.autosave-toast::before { content:'✓'; display:grid; place-items:center; width:26px; height:26px; flex-shrink:0; border-radius:50%; background:#e6f4ed; color:#087567; font-size:15px; font-weight:700; }
.autosave-toast[data-state=error] { border-color:#e8b8b3; }
.autosave-toast[data-state=error]::before { content:'!'; background:#fff0ed; color:#a3162d; }
.autosave-toast[data-state=saving]::before,.autosave-toast[data-state=pending]::before { content:''; width:20px; height:20px; border:2px solid #dce5f1; border-top-color:#183765; background:transparent; animation:autosave-spin .8s linear infinite; }
.autosave-toast-body { min-width:0; }
.autosave-toast .autosave-status { position:static; margin:0; padding:0; border:0; border-radius:0; background:transparent; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.autosave-toast [data-autosave-reload] { display:inline-block; margin-top:6px; font-size:12px; }
.autosave-toast [data-autosave-reload][hidden] { display:none; }
.autosave-toast-close { display:grid; place-items:center; width:28px; height:28px; flex-shrink:0; padding:0; border:0; border-radius:7px; background:transparent; color:#637189; font-size:22px; line-height:1; }
.autosave-toast-close:hover { background:#edf2f8; color:#183765; }
.autosave-toast-close:focus-visible { outline:2px solid #ef8a28; outline-offset:2px; }
@keyframes autosave-spin { to { transform:rotate(360deg); } }
@media(max-width:760px) { .autosave-toast { right:16px; bottom:16px; padding:12px; } }
@media(prefers-reduced-motion:reduce) { .autosave-toast::before { animation:none!important; } }
@media print { .autosave-toast { display:none!important; } }