/* Reusable Workspace search treatment. Source pattern:
   src/ui/workspace/index.css .workspace-search-control and .workspace-field.
   Shared by the Workspace and company storefront; color tokens remain tenant-scoped. */
.workspace-search-control { position: relative; min-width: 0; }
.workspace-search-control > svg {
  pointer-events: none;
  position: absolute;
  left: 0.75rem;
  top: 50%;
  z-index: 2;
  width: 0.95rem;
  height: 0.95rem;
  transform: translateY(-50%);
  color: var(--workspace-text-soft, var(--ds-text-soft, #797979));
}
.workspace-search-control > input.workspace-field {
  display: block;
  width: 100%;
  height: var(--workspace-control-height, var(--ds-control-height, 44px));
  min-height: var(--workspace-control-height, var(--ds-control-height, 44px));
  box-sizing: border-box;
  margin: 0;
  padding: 0.5rem 0.75rem 0.5rem 2.5rem;
  border: 1px solid var(--workspace-control-border, var(--ds-control-border, var(--ds-border, #ddd)));
  border-radius: var(--workspace-radius-sm, var(--ds-radius-sm, 8px));
  outline: none;
  background: var(--workspace-control-bg, var(--ds-control-background, var(--ds-surface, #fff))) none;
  background-image: none;
  box-shadow: none;
  color: var(--workspace-control-text, var(--ds-text, #222));
  font-family: var(--workspace-font-body, var(--ds-font-body, system-ui, sans-serif));
  font-size: var(--workspace-font-control, var(--ui-control-font-size, 13px));
  line-height: var(--workspace-field-line-height, var(--ui-control-line-height, 1.25rem));
}
.workspace-search-control > input.workspace-field:focus {
  border-color: var(--workspace-focus, var(--ds-focus, var(--ds-accent, #b93521)));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--workspace-focus, var(--ds-focus, #b93521)) 10%, transparent);
}