/* Aktif sekme — hangi tab'ta olunduğu net görünsün (overflow clip'e dayanıklı) */
.aa-tab {
  position: relative;
  background: transparent;
  cursor: pointer;
}

.aa-tab.is-active {
  color: var(--color-fg);
  font-weight: 600;
  border-bottom-color: transparent;
}

.aa-tab.is-active::after {
  content: "";
  position: absolute;
  left: 0.25rem;
  right: 0.25rem;
  bottom: 0;
  height: 2px;
  background: var(--color-primary-600);
  border-radius: 1px 1px 0 0;
}

.aa-tab-serit .aa-tab:not(.is-active) {
  color: var(--color-muted);
  font-weight: 400;
}