.graph-explorer-form-control {
  display: block;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 7px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ge-text);
  background: var(--ge-surface);
  border: 1px solid var(--ge-border-strong);
  border-radius: var(--ge-radius-sm);
  transition: border-color var(--ge-transition), box-shadow var(--ge-transition);

  &::placeholder {
    color: var(--ge-text-subtle);
  }

  &:focus {
    border-color: var(--ge-accent);
    outline: 0;
    box-shadow: var(--ge-ring);
  }

  &:disabled {
    background-color: var(--ge-surface-3);
    cursor: not-allowed;
    opacity: 0.6;
  }
}