// LLM UI Form Component
// Shared form styles for all Bluefly LLM UI consumers

.llm-form {
  &__group {
    margin-bottom: var(--llm-spacing-md, 1rem);
  }
  
  &__label {
    display: block;
    font-weight: 500;
    color: var(--llm-label-color, #374151);
    margin-bottom: 0.5rem;
  }
  
  &__input,
  &__select,
  &__textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--llm-input-border, #d1d5db);
    border-radius: var(--llm-border-radius, 0.5rem);
    font-size: 1rem;
    transition: all 0.2s ease;
    
    &:focus {
      outline: none;
      border-color: var(--llm-primary-color, #667eea);
      box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }
  }
  
  &__textarea {
    min-height: 120px;
    resize: vertical;
  }
  
  &__help {
    font-size: 0.875rem;
    color: var(--llm-muted-color, #6b7280);
    margin-top: 0.5rem;
  }
  
  &__error {
    font-size: 0.875rem;
    color: var(--llm-error-color, #ef4444);
    margin-top: 0.5rem;
  }
} 