.app-shell {
  --erp-tabs-unified-bg: transparent;
  --erp-tabs-unified-border: #b4c5d8;
  --erp-tabs-unified-text: #304962;
  --erp-tabs-item-bg: linear-gradient(180deg, #eef4fa 0%, #e1ebf5 100%);
  --erp-tabs-item-bg-active: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
  --erp-tabs-item-border: #a8bdd0;
  --erp-tabs-item-border-active: #0a6ed1;
  --erp-tabs-item-text: #2d435a;
  --erp-tabs-item-text-active: #0a6ed1;
  --erp-tabs-item-font-size: 0.86rem;
  --erp-tabs-item-font-weight: 600;
  --erp-tabs-item-font-weight-active: 700;
  --erp-tabs-item-height: 46px;
  --erp-tabs-item-padding-x: 2.25rem;
  --erp-tabs-item-overlap: 1px;
  --erp-tabs-item-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  --erp-tabs-item-top-accent-height: 4px;
  --erp-tabs-panel-border: #d5e0ea;
  --erp-tabs-panel-radius: 0 0 10px 10px;
}

[data-erp-tabs] {
  display: flex;
  align-items: flex-end;
  min-width: 0;
  gap: 0;
  min-height: calc(var(--erp-tabs-item-height) + 3px);
  margin: 0;
  padding: 0 28px;
  list-style: none;
  border-bottom: 1px solid var(--erp-tabs-unified-border);
  background: var(--erp-tabs-unified-bg);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  box-shadow: none;
}

[data-erp-tabs] > li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  isolation: isolate;
}

[data-erp-tabs] > li + li {
  margin-left: calc(var(--erp-tabs-item-overlap) * -1);
}

[data-erp-tabs] [data-erp-tab] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  min-width: 44px;
  max-width: 100%;
  min-height: var(--erp-tabs-item-height);
  padding: 0 var(--erp-tabs-item-padding-x);
  margin: 0;
  border: 1px solid var(--erp-tabs-item-border);
  border-bottom: 0;
  border-radius: 0;
  background: var(--erp-tabs-item-bg);
  color: var(--erp-tabs-item-text);
  font-size: var(--erp-tabs-item-font-size);
  font-weight: var(--erp-tabs-item-font-weight);
  line-height: 1.2;
  box-sizing: border-box;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: var(--erp-tabs-item-shadow);
  position: relative;
  isolation: isolate;
  transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

[data-erp-tabs] [data-erp-tab]::before {
  content: "";
  position: absolute;
  inset: 1px 1px 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.08) 100%);
  pointer-events: none;
  z-index: -1;
}

[data-erp-tabs] [data-erp-tab].is-active,
[data-erp-tabs] [data-erp-tab].active {
  background: var(--erp-tabs-item-bg-active);
  border-color: var(--erp-tabs-item-border-active);
  color: var(--erp-tabs-item-text-active);
  font-weight: var(--erp-tabs-item-font-weight-active);
  z-index: 12;
  margin-bottom: -1px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

[data-erp-tabs] [data-erp-tab].is-active::before,
[data-erp-tabs] [data-erp-tab].active::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.18) 100%);
}

[data-erp-tabs] [data-erp-tab].is-active::after,
[data-erp-tabs] [data-erp-tab].active::after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  height: var(--erp-tabs-item-top-accent-height);
  background: currentColor;
}

[data-erp-tabs][data-erp-tabs-variant="windows"] [data-erp-tab][data-erp-tab-position="first"] {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

[data-erp-tabs][data-erp-tabs-variant="windows"] [data-erp-tab][data-erp-tab-position="first"]::before {
  clip-path: inherit;
}

.erp-tabs__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.erp-tabs__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.15rem;
  height: 1.15rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: rgba(120, 139, 158, 0.18);
  color: inherit;
  font-size: 0.64rem;
  font-weight: 700;
  line-height: 1;
}

.erp-tabs__badge--neutral {
  background: rgba(120, 139, 158, 0.18);
}

.erp-tabs__badge--info {
  background: rgba(47, 111, 185, 0.16);
  color: #0f4f9f;
}

.erp-tabs__badge--warning {
  background: rgba(211, 138, 41, 0.18);
  color: #8b5d14;
}

.erp-tabs__badge--danger {
  background: rgba(193, 76, 76, 0.16);
  color: #9d2d2d;
}

.erp-tabs__marker {
  flex: 0 0 auto;
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 999px;
}

.erp-tabs__marker--error {
  background: #d94747;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85);
}

.erp-tabs__marker--dirty {
  background: #d38a29;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85);
}

[data-erp-tabs] [data-erp-tab][data-erp-tab-has-error="true"] {
  border-color: color-mix(in srgb, #d94747 56%, var(--erp-tabs-item-border) 44%);
}

[data-erp-tabs] [data-erp-tab][data-erp-tab-is-dirty="true"]:not([data-erp-tab-has-error="true"]) {
  border-color: color-mix(in srgb, #d38a29 52%, var(--erp-tabs-item-border) 48%);
}

[data-erp-tabs] [data-erp-tab]:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.erp-tabs__content {
  padding: 1rem 1.15rem;
  border: 1px solid var(--erp-tabs-panel-border);
  border-top: 0;
  border-radius: var(--erp-tabs-panel-radius);
  background: #ffffff;
  box-shadow: none;
  margin-top: 0;
}

.erp-tabs__title {
  margin-bottom: 0.45rem;
  color: var(--erp-text);
  font-size: 0.78rem;
  font-weight: 700;
}

.erp-tabs__active-title {
  display: none;
  color: var(--erp-muted-color, #5c7186);
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@media (max-width: 991.98px) {
  [data-erp-tabs] {
    padding-inline: 12px;
  }

  [data-erp-tabs] [data-erp-tab] {
    min-height: 40px;
    padding: 0 1.35rem;
    font-size: 0.8rem;
  }
}