.bdt-input {
  font-family: var(--font-body, 'Host Grotesk', sans-serif);
  font-size: var(--text-base, 1rem);
  padding: 10px 14px;
  border: 1px solid var(--color-border, #EFEDE8);
  border-radius: var(--radius-sm, 8px);
  background: var(--color-surface, #FFFFFF);
  color: var(--color-text-primary, #111827);
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  width: 100%;
}

.bdt-input:focus {
  border-color: var(--color-primary, #0D9488);
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15);
}

.bdt-input::placeholder {
  color: var(--color-text-secondary, #6B7280);
}