/* 「数据截至几点 · 下次几点」一行（shared/fresh.js）。只用 tokens.css 变量；小问号的样式在 help-tip.css（外壳注入）。
   正常灰字、正在更新蓝字、过点红字——颜色只标状态，字本身说清楚（不靠颜色认）。 */
[hidden] { display: none !important; }
.sq-fresh { display: block; margin: 6px 0 2px; font-size: 12px; line-height: 1.7; color: var(--text-muted); }
.sq-fresh-i { display: block; }          /* 一份数据一行，字自然折行 */
.sq-fresh-i b { font-weight: 600; color: var(--text-secondary); }
.sq-fresh-i b::after { content: "："; font-weight: 400; }
.sq-fresh-i.running { color: var(--info-fg); }
.sq-fresh-i.running b::before { content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 5px 1px 0;
  border-radius: 50%; background: var(--info-fg); animation: sq-fresh-pulse 1.4s ease-in-out infinite; }
.sq-fresh-i.late { color: var(--danger-fg); }
.sq-fresh-i.late b { color: var(--danger-fg); }
.sq-fresh-i.off, .sq-fresh-i.wait { color: var(--text-muted); }
@keyframes sq-fresh-pulse { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .sq-fresh-i.running b::before { animation: none; } }