/* Signal Badge Styling - Display latest signal beside interval dropdown */

.ciq-signal-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  margin-left: 0px;
  white-space: nowrap;
  position: relative;
  bottom: 1px;
  font-weight: 600;
}

.ciq-signal-badge .signal-type {
  font-weight: 500;
  text-transform: capitalize;
  font-size: 24px;
  letter-spacing: 0.5px;
}

.ciq-signal-badge .signal-type.buy {
  color: #5affdc;
}

.ciq-signal-badge .signal-type.sell {
  color: #f63c6b;
}

.ciq-signal-badge .signal-price {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

.ciq-signal-badge .signal-strength {
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  font-weight: 400;
}

/* Hover effect */
/* .ciq-signal-badge:hover {
  background: rgba(17, 24, 39, 0.7);
  border-color: rgba(255, 255, 255, 0.2);
} */

/* Buy signal specific styling */
.ciq-signal-badge:has(.signal-type.buy) {
  border: 0px;
  background: #121826;
}

/* Sell signal specific styling */
.ciq-signal-badge:has(.signal-type.sell) {
  border: 0px;
  background: #121826;
}

/* Full screen mode adjustments */
.full-screen .ciq-signal-badge {
  font-size: 14px;
  padding: 8px 14px;
}