/* ==========================================================================
   BIZWAVE ERP — TABS (Green Underline Active Tab Style)
   ========================================================================== */

.erp-tabs {
  display: flex;
  align-items: center;
  gap: var(--sp-5);
  border-bottom: 1px solid var(--c-border);
  margin-bottom: var(--sp-5);
  overflow-x: auto;
  user-select: none;
}

.erp-tabs__item {
  padding: var(--sp-3) var(--sp-1);
  background: none;
  border: none;
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  color: var(--c-text-2);
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  transition: color var(--transition-fast);
  text-decoration: none;
}

.erp-tabs__item:hover {
  color: var(--c-text);
  text-decoration: none;
}

.erp-tabs__item.is-active {
  color: var(--c-primary);
  font-weight: var(--fw-bold);
}

.erp-tabs__item.is-active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--c-primary);
  border-radius: var(--r-pill) var(--r-pill) 0 0;
}

.erp-tab-pane {
  display: none;
}

.erp-tab-pane.is-active {
  display: block;
}