/* ============================================================
   Tabs — underline navigation
   ============================================================ */
.ws-tabs {
  display: flex; align-items: stretch; gap: 4px;
  border-bottom: 1px solid var(--line-neutral);
  font-family: var(--font-body);
}
.ws-tabs--fill .ws-tab { flex: 1; justify-content: center; }
.ws-tab {
  position: relative;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 12px 16px;
  border: 0; background: transparent; cursor: pointer;
  font-family: inherit; font-size: 16px; font-weight: var(--weight-semibold);
  color: var(--label-alternative);
  transition: color var(--duration-fast) var(--ease-standard);
}
.ws-tab::after {
  content: ""; position: absolute; left: 8px; right: 8px; bottom: -1px; height: 2px;
  background: var(--label-strong); border-radius: 2px 2px 0 0;
  transform: scaleX(0); transition: transform var(--duration-normal) var(--ease-emphasized);
}
.ws-tab:hover { color: var(--label-neutral); }
.ws-tab.is-active { color: var(--label-strong); }
.ws-tab.is-active::after { transform: scaleX(1); }
.ws-tab__badge {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 18px; height: 18px; padding: 0 5px;
  border-radius: var(--radius-full);
  background: var(--primary-assistive); color: var(--primary-strong);
  font-size: 11px; font-weight: var(--weight-bold);
}