.sidebar {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: var(--space-3);
  display: flex; flex-direction: column; gap: var(--space-2);
  max-height: calc(100vh - 120px);
}
.sidebar-head h2 { margin: 0 0 var(--space-2); font-size: 13px; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; }
.chips { display: flex; flex-wrap: wrap; gap: var(--space-1); }
.chip {
  padding: 2px 8px; font-family: var(--font-mono); font-size: 10px;
  border: 1px solid var(--border); border-radius: 10px;
  background: var(--surface-2); color: var(--muted);
  cursor: pointer;
}
.chip.off { opacity: .35; text-decoration: line-through; }
.chip.bull { border-color: var(--up); color: var(--up); }
.chip.bear { border-color: var(--down); color: var(--down); }

.feed { overflow-y: auto; display: flex; flex-direction: column; gap: var(--space-2); }

.feed-item {
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: var(--space-2);
  display: flex; flex-direction: column; gap: 2px;
}
.feed-item.bull { border-left: 3px solid var(--up); }
.feed-item.bear { border-left: 3px solid var(--down); }

.feed-item .hd { display: flex; justify-content: space-between; gap: var(--space-2); font-size: 12px; }
.feed-item .pill {
  display: inline-block; font-family: var(--font-mono); font-size: 10px; font-weight: 700;
  padding: 1px 6px; border-radius: 3px;
}
.feed-item .pill.buy  { background: var(--up);   color: #001400; }
.feed-item .pill.sell { background: var(--down); color: #140000; }
.feed-item .meta { font-family: var(--font-mono); font-size: 11px; color: var(--muted); }
.feed-item .spark { stroke: var(--muted); }
.feed-item .spark.up { stroke: var(--up); }
.feed-item .spark.down { stroke: var(--down); }
.feed-item .time { font-family: var(--font-mono); font-size: 10px; color: var(--muted); }

body.hide-bull-engulf-1 .feed-item[data-tag="bull-engulf-1"] { display: none; }
body.hide-bull-engulf-2 .feed-item[data-tag="bull-engulf-2"] { display: none; }
body.hide-bull-engulf-3 .feed-item[data-tag="bull-engulf-3"] { display: none; }
body.hide-bear-engulf-1 .feed-item[data-tag="bear-engulf-1"] { display: none; }
body.hide-bear-engulf-2 .feed-item[data-tag="bear-engulf-2"] { display: none; }
body.hide-bear-engulf-3 .feed-item[data-tag="bear-engulf-3"] { display: none; }