.document-save-feedback { position:fixed; right:24px; bottom:24px; z-index:1600; width:min(410px,calc(100vw - 32px)); pointer-events:none; }
.document-save-feedback:empty { display:none; }
.document-save-notice { display:flex; align-items:flex-start; gap:11px; border:1px solid #b5dcd5; border-left:4px solid #128e7e; border-radius:10px; padding:15px; background:#f8fffc; color:#20483f; box-shadow:0 10px 35px #1a3b4620; font-size:12px; line-height:1.6; pointer-events:auto; }
.document-save-notice .icon { flex-shrink:0; width:19px; height:19px; margin-top:2px; }
.document-save-notice > div { min-width:0; flex:1; }
.document-save-notice strong { display:block; color:#163c35; font-size:13px; }
.document-save-notice p { margin:4px 0 0; overflow-wrap:anywhere; }
.document-save-notice small { display:block; margin-top:5px; color:#758c87; }
.document-save-notice.error { background:#fffaf5; border-color:#f0ccaa; border-left-color:#db8b34; color:#8b5628; }
.document-save-notice.error strong { color:#834a1e; }
.document-save-notice .document-save-spinner { width:17px; height:17px; flex-shrink:0; margin-top:3px; border:2px solid #c9e7df; border-top-color:#138d7b; border-radius:50%; animation:document-save-spin 900ms linear infinite; }
.document-save-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.document-save-actions .btn { min-height:31px; padding:5px 9px; font-size:11px; }
.document-save-notice .document-save-dismiss { border:0; background:none; color:#7d8d87; padding:0 3px; font-size:20px; line-height:1.3; cursor:pointer; }
@keyframes document-save-spin { to { transform:rotate(360deg); } }
@media(max-width:600px) { .document-save-feedback { right:12px; bottom:12px; width:calc(100vw - 24px); } .document-save-notice { padding:12px; } }
@media(prefers-reduced-motion:reduce) { .document-save-notice .document-save-spinner { animation:none; border-color:#138d7b; } }