/* Slack channel search */
.slack-channel-search {
  width: 100%;
  padding: 0.5em 0.75em;
  margin-bottom: 0.5em;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  font-size: 0.95em;
  box-sizing: border-box;
}

/* Slack channel selection */
.slack-channel-item {
  padding: 0.5em 1em;
  cursor: pointer;
  border-bottom: 1px solid var(--color-border);
}

.slack-channel-item:hover {
  background: var(--color-drag-over);
}

.slack-channel-item.active {
  background: var(--color-drag-over);
  border-left: 3px solid var(--color-secondary-active);
}

/* Slack badge in comments popup header */
.slack-channel-badge {
  display: none;
  font-size: 0.7em;
  font-weight: 600;
  background: #4A154B;
  color: white;
  padding: 0.15em 0.45em;
  border-radius: 4px;
  margin-left: 0.5em;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1.4;
}

.slack-channel-badge:hover {
  background: #611f64;
}

.slack-channel-tooltip {
  display: none;
  font-size: 0.75em;
  color: var(--color-text-secondary);
  margin-left: 0.4em;
  white-space: nowrap;
  vertical-align: middle;
}

.slack-channel-tooltip.visible {
  display: inline;
}
