.ui-input {
  appearance: none;
  background: var(--color-surface-default);
  border: 1px solid var(--color-border-default);
  border-radius: 0.75rem;
  color: var(--color-text-primary);
  font: inherit;
  line-height: 1.4;
  min-height: 44px;
  padding: 0.75rem 0.95rem;
  width: 100%;
}

.ui-input::placeholder {
  color: var(--color-text-faint);
}

.ui-input:focus {
  border-color: var(--color-brand-focus);
  box-shadow: 0 0 0 3px var(--color-focus-ring-strong);
  outline: none;
}