/* 11. Tabs */

.tabs {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.tab {
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text-soft);
  padding: 9px 13px;
  border-radius: 9px;
}

.tab.active {
  border-color: var(--green);
  color: var(--nav-active-text);
  background: var(--tab-active-bg);
}

.subpanel {
  display: none;
}

.subpanel.active {
  display: block;
}