@layer ll-service-extension.components {
  .ll-service-extension .ll-se-selector-combobox {
    position: relative;
    min-inline-size: 0;
  }

  .ll-service-extension .ll-se-selector-combobox__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ll-se-space-2);
    min-block-size: 2.75rem;
    padding: var(--ll-se-space-2) var(--ll-se-space-3);
    border: 0.0625rem solid var(--ll-se-color-border-strong);
    border-radius: var(--ll-se-radius-sm);
    background: var(--ll-se-color-surface-raised);
    color: var(--ll-se-color-text-primary);
    cursor: pointer;
  }

  .ll-service-extension .ll-se-selector-combobox__popup {
    position: absolute;
    z-index: var(--ll-se-z-selector, var(--ll-se-z-dropdown));
    inset-block-start: calc(100% + var(--ll-se-selector-popup-offset, var(--ll-se-space-3)));
    inset-inline: 0;
    max-block-size: 20rem;
    padding: 0.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #8f9490 transparent;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    border: 0.0625rem solid var(--ll-se-color-border);
    border-radius: 0.75rem;
    background: var(--ll-se-color-surface-raised);
    box-shadow: var(--ll-se-shadow-raised);
  }

  .ll-service-extension .ll-se-selector-combobox__popup[hidden] {
    display: none;
  }

  .ll-service-extension .ll-se-selector-combobox__listbox {
    display: grid;
    gap: var(--ll-se-space-1);
  }

  .ll-service-extension .ll-se-selector-combobox__option {
    display: flex;
    inline-size: 100%;
    align-items: center;
    padding: var(--ll-se-space-2) var(--ll-se-space-3);
    border: 0;
    border-radius: var(--ll-se-radius-sm);
    background: transparent;
    color: var(--ll-se-color-text-primary);
    text-align: start;
    cursor: pointer;
  }

  .ll-service-extension .ll-se-selector-combobox__option:hover,
  .ll-service-extension .ll-se-selector-combobox__option:focus-visible,
  .ll-service-extension .ll-se-selector-combobox__option[aria-selected="true"] {
    background: var(--ll-se-color-accent-soft);
  }

  .ll-service-extension [data-ll-selector-combobox][data-ll-selector-presentation="landing-capsule"] .ll-se-selector-combobox__trigger:focus-visible {
    outline: 0.125rem solid var(--ll-se-color-accent-strong);
    outline-offset: 0.125rem;
  }

  .ll-service-extension [data-ll-selector-combobox][data-ll-selector-presentation="landing-capsule"] {
    inline-size: fit-content;
    max-inline-size: 100%;
  }

  .ll-service-extension [data-ll-selector-combobox][data-ll-selector-presentation="landing-capsule"] .ll-se-selector-combobox__trigger {
    inline-size: auto;
    max-inline-size: 100%;
    justify-content: flex-start;
  }

  .ll-service-extension [data-ll-selector-combobox][data-ll-selector-presentation="landing-capsule"] .ll-se-selector-combobox__popup {
    inset-inline-start: 0;
    inset-inline-end: auto;
    inline-size: max-content;
    min-inline-size: 100%;
    max-inline-size: min(22rem, calc(100vw - 2rem));
    padding: var(--ll-se-space-2);
    border-color: #bdbdbd;
    border-radius: var(--ll-se-radius-lg);
    background: #fff;
    box-shadow: none;
  }

  .ll-service-extension [data-ll-selector-combobox][data-ll-selector-presentation="landing-capsule"] .ll-se-selector-combobox__listbox {
    gap: 0;
  }

  .ll-service-extension [data-ll-selector-combobox][data-ll-selector-presentation="landing-capsule"] .ll-se-selector-combobox__option {
    padding: var(--ll-se-space-2) var(--ll-se-space-4);
    border-radius: var(--ll-se-radius-pill);
    color: #151515;
    font-weight: 600;
    white-space: normal;
  }

  .ll-service-extension [data-ll-selector-combobox][data-ll-selector-presentation="landing-capsule"] .ll-se-selector-combobox__option:hover,
  .ll-service-extension [data-ll-selector-combobox][data-ll-selector-presentation="landing-capsule"] .ll-se-selector-combobox__option:focus-visible {
    background: #f1f1f1;
    color: #151515;
  }

  .ll-service-extension [data-ll-selector-combobox][data-ll-selector-presentation="landing-capsule"] .ll-se-selector-combobox__option[aria-selected="true"],
  .ll-service-extension [data-ll-selector-combobox][data-ll-selector-presentation="landing-capsule"] .ll-se-selector-combobox__option[aria-selected="true"]:hover,
  .ll-service-extension [data-ll-selector-combobox][data-ll-selector-presentation="landing-capsule"] .ll-se-selector-combobox__option[aria-selected="true"]:focus-visible {
    background: #747474;
    color: #fff;
  }

  .ll-service-extension .ll-se-selector-combobox__option[aria-disabled="true"] {
    color: var(--ll-se-color-text-muted);
    cursor: not-allowed;
  }

  .ll-service-extension .ll-se-selector-combobox__state {
    padding: var(--ll-se-space-3);
    color: var(--ll-se-color-text-secondary);
    font-size: var(--ll-se-font-size-sm);
    line-height: 1.5;
    text-align: center;
  }

  .ll-service-extension .ll-se-selector-combobox__state[data-state="error_retryable"] {
    color: var(--ll-se-color-danger);
  }

  .ll-service-extension .ll-se-selector-combobox__retry {
    display: block;
    margin: var(--ll-se-space-2) auto 0;
    padding: var(--ll-se-space-2) var(--ll-se-space-3);
    border: 0.0625rem solid currentColor;
    border-radius: var(--ll-se-radius-pill);
    background: transparent;
    color: var(--ll-se-color-accent-strong);
    cursor: pointer;
  }

  .ll-service-extension .ll-se-selector-combobox__retry[hidden],
  .ll-service-extension .ll-se-selector-combobox__state[hidden] {
    display: none;
  }

  .ll-service-extension .ll-se-selector-combobox__status {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .ll-service-extension .ll-se-selector-combobox__popup::-webkit-scrollbar {
    width: 8px;
  }

  .ll-service-extension .ll-se-selector-combobox__popup::-webkit-scrollbar-track {
    background: transparent;
  }

  .ll-service-extension .ll-se-selector-combobox__popup::-webkit-scrollbar-thumb {
    min-height: 36px;
    border: 2px solid transparent;
    border-radius: var(--ll-se-radius-pill);
    background: #8f9490;
    background-clip: content-box;
  }

  .ll-service-extension .ll-se-selector-combobox__popup::-webkit-scrollbar-button,
  .ll-service-extension .ll-se-selector-combobox__popup::-webkit-scrollbar-corner {
    display: none;
    width: 0;
    height: 0;
    background: transparent;
  }
}

/* Keep capsule selection emphasis above the legacy unlayered button reset. */
.ll-service-extension [data-ll-selector-combobox][data-ll-selector-presentation="landing-capsule"] .ll-se-selector-combobox__option {
  padding: var(--ll-se-space-2) var(--ll-se-space-4);
  border-radius: var(--ll-se-radius-pill);
  font-size: inherit;
  font-weight: 600;
}

@media (forced-colors: active) {
  .ll-service-extension .ll-se-selector-combobox__popup,
  .ll-service-extension .ll-se-selector-combobox__option[aria-selected="true"] {
    border-color: CanvasText;
  }
}