/* ── Вкладки ────────────────────────────────────────────────── */
.tabs {
  display: flex;
  gap: var(--space-2);
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-1);
  width: fit-content;
  flex-wrap: wrap;
}

.tab-btn {
  padding: 10px 20px;
  border-radius: calc(var(--radius-md) - 2px);
  font-family: var(--font-body);
  font-size: var(--text-body-s);
  font-weight: 700;
  color: var(--color-text-secondary);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  min-height: 44px;
}

.tab-btn:hover { color: var(--color-text-primary); }

.tab-btn[aria-selected="true"] {
  background: var(--color-cyan);
  color: var(--color-bg);
  box-shadow: var(--shadow-btn-cyan);
}

.tab-panel[hidden] { display: none; }