.manual-refresh-button { display: inline-flex; align-items: center; gap: .45rem; white-space: nowrap; }
.manual-refresh-button svg { flex-shrink: 0; }
.manual-refresh-notice { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin: .75rem 0; padding: .75rem 1rem; border: 1px solid var(--border, #cbd5e1); border-radius: var(--radius-md, 12px); background: var(--surface, #fff); color: var(--text, #17243d); }
.manual-refresh-notice[hidden] { display: none; }
.manual-refresh-notice[data-state="error"], .manual-refresh-notice[data-state="offline"] { border-color: #b45309; }
.manual-refresh-button.is-refreshing svg { animation: manual-refresh-spin 1.1s linear infinite; }
@keyframes manual-refresh-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .manual-refresh-button.is-refreshing svg { animation: none; } }
@media (pointer: coarse) { html.manual-refresh-enabled { overscroll-behavior-y: contain; } }
@media (max-width: 600px) { .manual-refresh-button { padding: .55rem; min-width: 44px; min-height: 44px; } .manual-refresh-button [data-refresh-label] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } .manual-refresh-notice { align-items: flex-start; font-size: .9rem; } }