/* Usado por Components/UI/Tabs.razor */
.tabs { display: flex; gap: 2px; border-bottom: var(--border-w) solid var(--line-strong); margin-bottom: 18px; }
.tabs a {
  padding: 9px 16px; font-size: var(--fs-sm); color: var(--ink-2);
  border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.tabs a.active { color: var(--ink); border-bottom-color: var(--accent); font-weight: 600; }