.segmentedControl,
:global(.settings-provider-tabs),
:global(.settings-provider-subnav),
:global(.shortcuts-category-tabs) {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-control);
  min-width: 0;
}

.segmentedControl {
  padding: var(--sp-1);
  border-radius: var(--radius-lg);
  background: var(--control-secondary-bg);
  border: 1px solid var(--control-secondary-border);
}

.segmentedControlOption,
:global(.settings-provider-tab),
:global(.settings-provider-subnav-button),
:global(.shortcuts-category-tab) {
  min-width: 0;
  border-radius: var(--radius-control);
  border: 1px solid transparent;
  color: var(--text-secondary);
  font-size: var(--type-body-6-size);
  line-height: var(--type-body-6-line-height);
  font-weight: var(--type-body-6-weight);
}

.segmentedControlOption[data-size="sm"],
:global(.shortcuts-category-tab) {
  min-height: max(var(--touch-target-min), 36px);
  padding: var(--sp-2) var(--sp-3);
}

.segmentedControlOption[data-size="md"],
:global(.settings-provider-tab),
:global(.settings-provider-subnav-button) {
  min-height: max(var(--touch-target-min), 40px);
  padding: var(--sp-2) var(--sp-4);
}

.segmentedControlOption:hover,
:global(.settings-provider-tab:hover),
:global(.settings-provider-subnav-button:hover),
:global(.shortcuts-category-tab:hover) {
  background: var(--surface-hover);
  color: var(--text-primary);
}

.segmentedControlOption[data-state="active"],
:global(.settings-provider-tab.active),
:global(.settings-provider-subnav-button.active),
:global(.shortcuts-category-tab.active) {
  background: var(--surface-active);
  border-color: var(--state-selected-border);
  color: var(--text-primary);
}

:global(.settings-provider-tabs) {
  margin-bottom: var(--space-panel);
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

:global(.settings-provider-subnav) {
  display: flex;
  width: 100%;
  margin-bottom: var(--space-panel);
  padding-bottom: var(--sp-3);
  border-bottom: 1px solid var(--border-default);
  border-radius: 0;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  background: transparent;
}

:global(.settings-provider-tab) {
  background: transparent;
  border-color: transparent;
}

:global(.settings-provider-tab.active) {
  background: var(--surface-active);
  border-color: var(--border-focus);
}

:global(.settings-provider-subnav-button) {
  background: transparent;
}

:global(.settings-provider-subnav-button.active) {
  background: var(--surface-active);
  border-color: var(--border-focus);
}

:global(.shortcuts-category-tabs) {
  margin-bottom: var(--space-default);
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

:global(.shortcuts-category-tab) {
  background: transparent;
  border-color: transparent;
}

:global(.shortcuts-category-tab.active) {
  background: var(--surface-active);
  border-color: var(--border-focus);
}
