/* ui/tab.css */

.acms-tabs { display: flex; flex-direction: column; }

.acms-tabs__list {
  display: flex;
  align-items: center;
  gap: var(--space-7);
  border-bottom: 1px solid var(--border-default);
}

.acms-tabs__tab {
  appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding: var(--space-4) var(--space-2);
  font-family: inherit;
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  color: var(--fg-secondary);
  cursor: pointer;
  transition: color var(--duration-fast) var(--ease-out-quint),
              border-color var(--duration-fast) var(--ease-out-quint);
}

.acms-tabs__tab:hover { color: var(--fg-primary); }
.acms-tabs__tab:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: var(--radius-sm);
}

.acms-tabs__tab.is-active {
  color: var(--accent-bg);
  border-bottom-color: var(--accent-bg);
}

.acms-tabs__panels { padding-top: var(--space-5); }

.acms-tabs__panel:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: var(--radius-sm);
}