/* 2026-07-06 hermes: ainvest insider trades ticker */
.ainvest-insider-bar {
  position: fixed; bottom: 36px; left: 50%; transform: translateX(-50%);
  z-index: 99996; display: flex; align-items: center; gap: 8px;
  font: 11px/1.4 -apple-system, "Helvetica Neue", "PingFang SC", sans-serif;
  background: rgba(15, 23, 42, 0.92); color: #e0e0e0;
  border: 1px solid #2a2f45; border-radius: 16px;
  padding: 5px 14px; cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  max-width: 92vw; overflow-x: auto;
  transition: background 0.3s ease;
}
.ainvest-insider-bar:hover { background: rgba(30, 41, 59, 0.96); }
.ainvest-insider-bar.hidden { display: none; }
.ainvest-insider-bar.error { background: rgba(127, 29, 29, 0.92); border-color: #7f1d1d; }
.ai-icon { font-size: 13px; }
.ai-icon.error { color: #fff; }
.ai-label { font-weight: 600; color: #5ec1ff; margin-right: 4px; }
.ai-label.error { color: #fca5a5; }
.ai-item { color: #e0e0e0; padding: 0 4px; white-space: nowrap; }
.ai-item b { color: #fde68a; margin-right: 3px; }
.ai-sep { color: #555; }
@media (max-width: 768px) {
  .ainvest-insider-bar { font-size: 10px; padding: 4px 10px; }
}

.macro-gate-bar {
  position: fixed; top: 36px; left: 0; right: 0; min-height: 32px;
  z-index: 99997; 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.94); color: #e0e0e0;
  border-bottom: 1px solid #2a2f45; backdrop-filter: blur(8px);
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  padding: 6px 14px;
  transition: background 0.3s ease;
}
.macro-gate-bar.hidden { display: none; }
.macro-gate-bar.active { background: rgba(127, 29, 29, 0.95); border-bottom-color: #7f1d1d; }
.macro-gate-bar.watch { background: rgba(120, 53, 15, 0.92); border-bottom-color: #92400e; }
.macro-gate-bar.stale { background: rgba(55, 65, 81, 0.92); border-bottom-color: #4b5563; }
.macro-gate-bar.error { background: rgba(127, 29, 29, 0.92); border-bottom-color: #7f1d1d; }
.macro-gate-spacer { display: block; height: 0; }
.macro-gate-bar.active + .macro-gate-spacer,
.macro-gate-bar.watch + .macro-gate-spacer,
.macro-gate-bar.stale + .macro-gate-spacer,
.macro-gate-bar.error + .macro-gate-spacer { height: 44px; }
.mg-icon { font-weight: 700; font-size: 13px; padding: 0 8px; border-radius: 4px; }
.mg-icon.ok { color: #16a34a; }
.mg-icon.watch { color: #fde047; background: rgba(0,0,0,0.2); }
.mg-icon.block, .mg-icon.stale, .mg-icon.error { color: #fff; background: rgba(255,255,255,0.15); }
.mg-label { font-weight: 600; font-size: 12px; margin-right: 8px; }
.mg-label.ok { color: #5ec1ff; }
.mg-label.watch { color: #fde047; }
.mg-label.block { color: #fff; }
.mg-label.stale { color: #d1d5db; }
.mg-label.error { color: #fca5a5; }
.mg-sep { color: #555; margin: 0 6px; }
.mg-next { color: #fde68a; font-size: 11px; }
.mg-reason { font-size: 11px; }
.mg-reason.ok { color: #5ec1ff; }
.mg-reason.watch { color: #fde047; }
.mg-reason.block { color: #fff; }
.mg-reason.stale { color: #d1d5db; }
.mg-reason.error { color: #fca5a5; }
.mg-spacer { flex: 1; }
.mg-age { font-size: 10px; color: #888; padding: 2px 6px; border-radius: 3px; background: rgba(255,255,255,0.05); }
@media (max-width: 768px) {
  .macro-gate-bar { top: 36px; font-size: 11px; padding: 4px 8px; min-height: 28px; flex-wrap: wrap; }
  .mg-next { display: none; }
}