/* ══════════════════════════════════════════════════════════════════════
   Technical Signals CSS — plan-20260323-042100-feat-001
   ══════════════════════════════════════════════════════════════════════ */

/* Composite signal badge in indicators card */
#techCompositeBadge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: .68rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 5px;
  margin-left: 6px;
  cursor: default;
  transition: opacity .2s;
  white-space: nowrap;
}

/* Divergence alert row in trigger list */
.divergence-alert {
  border-left: 3px solid var(--yellow) !important;
  background: rgba(227, 179, 65, .05) !important;
}
.divergence-alert.divergence-bull {
  border-left-color: var(--green) !important;
  background: rgba(63, 185, 80, .05) !important;
}
.divergence-alert.divergence-bear {
  border-left-color: var(--red) !important;
  background: rgba(248, 81, 73, .05) !important;
}

/* Signal badges */
.signal-badge-bull {
  background: rgba(63, 185, 80, .15);
  color: #3fb950;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: .65rem;
  font-weight: 700;
}
.signal-badge-bear {
  background: rgba(248, 81, 73, .15);
  color: #f85149;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: .65rem;
  font-weight: 700;
}
.signal-badge-neutral {
  background: rgba(227, 179, 65, .12);
  color: #e3b341;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: .65rem;
  font-weight: 700;
}