/* Only the message-page scroller; retain the existing gray/white/green system. */
#messagesPage .page-body.messages-refresh-host{overscroll-behavior-y:contain;overflow-anchor:none}
/* pan-down permits increasing scrollTop (finger moves up); reserve the opposite direction for pull refresh. */
#messagesPage .page-body.messages-refresh-host[data-messages-refresh-top="true"]{touch-action:pan-x pan-down pinch-zoom}
#messagesPage .page-body.messages-refresh-pulling{user-select:none;-webkit-user-select:none}
#messagesPage .messages-refresh{height:calc(32px + var(--messages-refresh-pull,0px));min-height:32px;overflow:hidden;background:var(--wx-bg,#ededed);transition:height .18s ease}
#messagesPage .messages-refresh[data-phase="idle"]{height:0;min-height:0}
#messagesPage .messages-refresh[data-phase="idle"]:focus-within{height:32px;min-height:32px}
#messagesPage .messages-refresh[data-phase="pulling"],#messagesPage .messages-refresh[data-phase="ready"]{transition:none}
#messagesPage .messages-refresh-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;min-height:32px;margin:0;padding:5px 12px;border:0;border-radius:0;background:transparent;color:var(--wx-muted,#888);font-family:inherit;font-size:14px;font-weight:400;line-height:22px;touch-action:manipulation}
#messagesPage .messages-refresh-button:disabled{cursor:progress;opacity:1}
#messagesPage .messages-refresh-button:focus-visible{outline:2px solid var(--wx-green,#07c160);outline-offset:-2px}
#messagesPage .messages-refresh-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#messagesPage .messages-refresh-spinner{display:block;width:22px;height:22px;flex:0 0 22px;border:2px solid var(--wx-line,#ddd);border-top-color:var(--wx-green,#07c160);border-radius:50%;transform:rotate(var(--messages-refresh-turn,0deg))}
#messagesPage .messages-refresh[data-phase="idle"] .messages-refresh-spinner,#messagesPage .messages-refresh[data-phase="notice"] .messages-refresh-spinner{display:none}
#messagesPage .messages-refresh[data-phase="ready"] .messages-refresh-label{color:var(--wx-green,#07c160)}
#messagesPage .messages-refresh[data-phase="refreshing"] .messages-refresh-spinner{animation:messages-refresh-spin .8s linear infinite}
@keyframes messages-refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#messagesPage .messages-refresh{transition:none}#messagesPage .messages-refresh-spinner{transform:none}#messagesPage .messages-refresh[data-phase="refreshing"] .messages-refresh-spinner{animation:none}}