/* 2026-06-11 Hermes：α+FoMo 顶部中间信号条 */
.af-header {
  position: fixed; top: 0; left: 0; right: 0; height: 36px;
  z-index: 99998; display: flex; align-items: center; justify-content: center;
  font: 12px/1.4 -apple-system, "Helvetica Neue", "PingFang SC", sans-serif;
  background: rgba(10, 14, 24, 0.92); color: #e0e0e0;
  border-bottom: 1px solid #2a2f45; backdrop-filter: blur(8px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.4);
  padding: 0 12px;
}
.af-header-spacer { display: block; }
.af-row { display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.af-row::-webkit-scrollbar { display: none; }
.af-logo { font-weight: 700; font-size: 13px; color: #f0c040; letter-spacing: 0.5px; }
.af-state-badge { font-size: 11px; padding: 2px 8px; border-radius: 4px; font-weight: 600; }
.af-state-badge.go { background: #16a34a; color: #fff; }
.af-state-badge.watch { background: #ca8a04; color: #fff; }
.af-state-badge.pending { background: #2563eb; color: #fff; }
.af-state-badge.idle { background: #4b5563; color: #ddd; }
.af-state-badge.error { background: #dc2626; color: #fff; }
.af-metric { font-size: 11px; color: #aaa; }
.af-metric b { color: #fff; margin-left: 2px; }
.af-pending { color: #5ec1ff !important; }
.af-pending b { color: #5ec1ff !important; }
.af-sep { color: #555; }
.af-hits { display: inline-flex; gap: 4px; }
.af-pill { display: inline-flex; align-items: baseline; gap: 2px; padding: 2px 6px; border-radius: 3px; font-size: 11px; font-weight: 600; }
.af-pill sub { font-size: 9px; font-weight: 400; opacity: 0.85; }
.af-pill-coin { background: #1f2937; color: #fff; border: 1px solid #374151; }
.af-pill-coin.tier-a { border-color: #16a34a; background: rgba(34,197,94,0.18); }
.af-pill-coin.tier-b { border-color: #ca8a04; background: rgba(234,179,8,0.18); }
.af-pill-coin.tier-c { border-color: #6b7280; background: rgba(107,114,128,0.18); }
.af-pill-recent { background: rgba(94, 193, 255, 0.15); color: #5ec1ff; }
.af-empty { color: #555; font-size: 11px; }
.af-recent { display: inline-flex; gap: 3px; }
.af-spacer { flex: 1; }
.af-clock { font-size: 11px; color: #888; padding: 2px 6px; border-radius: 3px; background: rgba(255,255,255,0.04); }
.af-clock b { color: #aaa; font-weight: 500; margin-left: 2px; }
.af-clock.fresh { color: #5ec1ff; }
.af-clock.fresh b { color: #5ec1ff; }
.af-clock.stale { color: #ff7a7a; }
.af-clock.stale b { color: #ff7a7a; }
.af-state-error { color: #ff7a7a; }
@media (max-width: 768px) {
  .af-header { height: auto; min-height: 36px; padding: 4px 8px; }
  .af-row { gap: 6px; }
  .af-logo { font-size: 11px; }
  .af-pill { font-size: 10px; }
}