/*
 * Forms - Modern & Clean
 */

.form-label {
  color: var(--text-primary);
  font-weight: 500;
  margin-bottom: var(--space-2);
  font-size: 0.9375rem;
}

.form-control,
.form-select {
  background: var(--bg-elevated);
  border: 1.5px solid var(--border-secondary);
  color: var(--text-primary);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  font-size: 0.9375rem;
  transition: all var(--transition-fast);
  min-height: 44px;
}

.form-control:focus,
.form-select:focus {
  background: var(--bg-surface);
  border-color: var(--accent-primary);
  color: var(--text-primary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  outline: none;
}

.form-control::placeholder {
  color: var(--text-tertiary);
}

textarea.form-control {
  min-height: 100px;
  resize: vertical;
}

.form-text {
  color: var(--text-tertiary);
  font-size: 0.875rem;
  margin-top: var(--space-2);
}

.input-group-text {
  background: var(--bg-surface);
  border: 1.5px solid var(--border-secondary);
  border-right: none;
  color: var(--text-secondary);
}

.input-group .form-control {
  border-left: none;
}

/* Mobile forms */
@media (max-width: 768px) {
  .form-control,
  .form-select {
    font-size: 16px; /* Prevents iOS zoom */
  }
}