/* ==========================================================================
   Preem Team — Issue Viewer search + label filtering
   Toolbar (search input + chip bar) built/wired at runtime by
   docs/javascripts/issue-viewer.js against whatever's in the bot-synced
   table it's attached to.
   ========================================================================== */

.pt-issue-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75em;
  margin: 0 0 1.2em 0;
}

.pt-issue-search {
  flex: 1 1 220px;
  min-width: 180px;
  font-family: var(--md-code-font);
  font-size: 0.85rem;
  padding: 0.5em 0.8em;
  border-radius: 0.3rem;
  border: 1px solid rgba(0, 246, 255, 0.35);
  background: rgba(10, 10, 18, 0.5);
  color: inherit;
}

.pt-issue-search:focus {
  outline: none;
  border-color: var(--pt-neon-cyan);
  box-shadow: 0 0 0 2px rgba(0, 246, 255, 0.2);
}

.pt-issue-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}

.pt-issue-filter-chip {
  font-family: var(--md-code-font);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.35em 0.9em;
  border-radius: 999px;
  border: 1px solid rgba(0, 246, 255, 0.4);
  background: transparent;
  color: var(--pt-neon-cyan);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.pt-issue-filter-chip:hover {
  border-color: var(--pt-neon-cyan);
  background: rgba(0, 246, 255, 0.08);
}

.pt-issue-filter-chip.is-active {
  background: var(--pt-neon-cyan);
  border-color: var(--pt-neon-cyan);
  color: #0a0a12;
}

/* Rows hidden by the active search/label filter */
.pt-issue-viewer table tbody tr[hidden] {
  display: none;
}