[data-fui-comp="multiselect"] {
  display: grid;
  gap: var(--spacing-xs, 4px);
  max-inline-size: 32rem;
}
[data-fui-comp="multiselect"] .ui-multiselect__chips {
  display: flex;
  gap: var(--spacing-xs, 6px);
  flex-wrap: wrap;
  min-block-size: 28px;
  align-items: center;
}
[data-fui-comp="multiselect"] .ui-multiselect__chips:empty::before {
  content: attr(data-fui-multiselect-placeholder);
  color: var(--color-text-muted, #52525B);
  font-size: var(--text-sm, 0.9rem);
  font-style: italic;
}
[data-fui-comp="multiselect"] .ui-multiselect__chip {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 6px);
  padding: var(--spacing-sm, 4px) var(--spacing-sm, 4px) var(--spacing-sm, 4px) 10px;
  background: var(--color-primary, #4F46E5);
  color: var(--color-primary-fg, #FFFFFF);
  border-radius: 999px;
  font-size: var(--text-sm, 0.85rem);
  font-weight: 500;
}
[data-fui-comp="multiselect"] .ui-multiselect__chip-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-size: var(--text-lg, 1.1rem);
  line-height: 1;
}
[data-fui-comp="multiselect"] .ui-multiselect__chip-remove:hover {
  background: color-mix(in srgb, var(--color-primary-fg, #FFFFFF) 25%, transparent);
}
[data-fui-comp="multiselect"] .ui-multiselect__disclosure {
  border: 1px solid var(--color-border, #E4E4E7);
  border-radius: var(--radii-md, 8px);
  background: var(--color-surface, #FFFFFF);
}
[data-fui-comp="multiselect"] .ui-multiselect__summary {
  display: flex;
  align-items: center;
  min-block-size: var(--spacing-touch-target, 44px);
  padding: 0 var(--spacing-md, 12px);
  font-weight: 500;
  color: var(--color-text, #18181B);
  cursor: pointer;
  user-select: none;
  list-style: none;
}
[data-fui-comp="multiselect"] .ui-multiselect__summary::-webkit-details-marker {
  display: none;
}
[data-fui-comp="multiselect"] .ui-multiselect__summary::before {
  content: "▾";
  margin-inline-end: var(--spacing-sm, 8px);
  font-size: var(--text-xs, 0.7rem);
  color: var(--color-text-muted, #52525B);
  transition: transform 120ms ease;
}
[data-fui-comp="multiselect"] .ui-multiselect__disclosure[open] .ui-multiselect__summary::before {
  transform: rotate(180deg);
}
[data-fui-comp="multiselect"] .ui-multiselect__group {
  display: grid;
  gap: 0;
  border: 0;
  padding: 0;
  border-top: 1px solid var(--color-border, #E4E4E7);
}
[data-fui-comp="multiselect"] .ui-multiselect__row {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 8px) var(--spacing-md, 12px);
  min-block-size: var(--spacing-touch-target, 44px);
  cursor: pointer;
}
[data-fui-comp="multiselect"] .ui-multiselect__row:hover {
  background: var(--color-surface-soft, #F4F4F5);
}
[data-fui-comp="multiselect"] .ui-multiselect__check:focus-visible {
  outline: 2px solid var(--color-primary, #4F46E5);
  outline-offset: 2px;
}