/* Feedback stays attached to the existing icon; the toolbar keeps its width. */
.page-refresh-control{position:relative;display:flex;flex:none;align-items:center}
#page-refresh-btn{position:relative}
#page-refresh-btn:disabled{opacity:1;color:var(--cyan);cursor:progress;background:#f7eee2}
#page-refresh-btn[data-state=error]{color:#9c3328;border-color:#d5a598}
#page-refresh-btn[data-state=success]{color:#37674d}
#page-refresh-btn[aria-busy=true] svg{animation:cm-refresh-spin 1s linear infinite}
#page-refresh-status{position:absolute;right:-42px;top:calc(100% + 12px);z-index:10;width:max-content;max-width:min(360px,calc(100vw - 28px));padding:10px 13px;border:1px solid var(--border);border-radius:9px;background:#fffdf9;color:var(--text);box-shadow:var(--sh-2);font-family:var(--sans);font-size:var(--cm-font-small,14px);line-height:1.65;white-space:pre-line;overflow-wrap:anywhere;visibility:hidden;opacity:0;pointer-events:none}
#page-refresh-status.is-visible,.page-refresh-control:hover #page-refresh-status:not(:empty),.page-refresh-control:focus-within #page-refresh-status:not(:empty){visibility:visible;opacity:1}
#page-refresh-status[data-state=error]{color:#8e2a1c;border-color:#d5a598}
#page-refresh-status[data-state=success]{color:#37674d}
@keyframes cm-refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#page-refresh-btn[aria-busy=true] svg{animation:none}}