.refresh-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-block:1px solid var(--line);padding:12px 0;margin:-22px 0 28px;font-size:12px}
.refresh-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;min-width:0}
.refresh-meta strong{font-size:12px;font-weight:750}
.refresh-meta span{color:var(--muted)}
.refresh-meta .stale{color:#9b481f;font-weight:700}
.refresh-button,.refresh-dialog button{min-height:44px;border:1px solid #20231f;background:white;color:var(--ink);padding:8px 14px;font-weight:750;cursor:pointer}
.refresh-button:hover,.refresh-dialog button:hover{background:var(--gray)}
.refresh-button:disabled{cursor:wait;opacity:.65}
.refresh-dialog{width:min(430px,calc(100vw - 32px));border:1px solid #20231f;padding:24px;box-shadow:0 16px 50px #0003;background:white;color:var(--ink)}
.refresh-dialog::backdrop{background:#1119}
.refresh-dialog h2{margin-bottom:10px}
.refresh-dialog p{font-size:14px;line-height:1.55}
.refresh-dialog label{display:block;font-size:12px;font-weight:750;margin:20px 0 6px}
.refresh-dialog textarea{display:block;width:100%;min-height:72px;resize:vertical;padding:10px;border:1px solid #aeb5ab;background:#f6f8f7;color:var(--ink);font:13px/1.5 "Avenir Next",Avenir,Arial,sans-serif}
.refresh-dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.refresh-dialog .secondary{border-color:#c9ceca}
.refresh-dialog .note{margin:12px 0 0}
@media(max-width:650px){.refresh-bar{margin:0 0 24px;align-items:flex-start}.refresh-meta{display:block}.refresh-meta>*{display:block;margin:2px 0}.refresh-button{flex:none}}
