/* ── Reports merged tab ──────────────────────────────────────────────── */

.reports-toolbar {
  gap: 10px;
}

/* Sub-navigation pills */
.reports-subnav {
  display: flex;
  gap: 2px;
  background: var(--input-bg, #1e1e1e);
  border: 1px solid var(--card-border);
  border-radius: 6px;
  padding: 3px;
}

.reports-subnav-btn {
  border-radius: 4px !important;
  padding: 4px 14px !important;
  font-size: 12px !important;
  font-weight: 500;
  border: none !important;
  background: transparent !important;
  color: var(--subtext) !important;
  transition: background 0.12s, color 0.12s !important;
}

.reports-subnav-btn:hover {
  background: var(--card-border) !important;
  color: var(--text) !important;
}

.reports-subnav-btn.active {
  background: var(--card) !important;
  color: var(--text) !important;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* View containers — only one visible at a time */
.reports-view {
  display: none;
  flex: 1;
  overflow: hidden;
  flex-direction: column;
}

.reports-view--active {
  display: flex;
}