@layer ll-service-extension.components {
  .ll-service-extension .ll-se-tabs {
    display: flex;
    gap: var(--ll-se-space-2);
    max-inline-size: 100%;
    overflow-x: auto;
    border-block-end: 0.0625rem solid var(--ll-se-color-border);
  }

  .ll-service-extension .ll-se-tabs__tab {
    position: relative;
    flex: 0 0 auto;
    min-block-size: 2.75rem;
    padding: var(--ll-se-space-2) var(--ll-se-space-4);
    color: var(--ll-se-color-text-secondary);
    cursor: pointer;
    background: transparent;
    border: 0;
  }

  .ll-service-extension .ll-se-tabs__tab[aria-selected="true"] {
    color: var(--ll-se-color-text-primary);
    font-weight: 700;
  }

  .ll-service-extension .ll-se-tabs__tab[aria-selected="true"]::after {
    position: absolute;
    inset-block-end: 0;
    inset-inline: var(--ll-se-space-3);
    block-size: 0.1875rem;
    content: "";
    background: var(--ll-se-color-accent-strong);
    border-radius: var(--ll-se-radius-pill);
  }

  .ll-service-extension .ll-se-tabs__tab:disabled {
    color: var(--ll-se-color-text-muted);
    cursor: not-allowed;
  }

  .ll-service-extension [role="tabpanel"][hidden] {
    display: none;
  }
}