/* Form Components */

.form-control,
.form-select {
  background-color: var(--bg-surface);
  color: var(--text-body);
  border: 1px solid var(--border-color);
}

.form-control:focus,
.form-select:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(40,167,69,.25);
  border-color: var(--color-success);
  background-color: var(--bg-surface);
  color: var(--text-body);
}

.form-control::placeholder {
  color: var(--text-muted);
  opacity: 0.7;
}

.form-label {
  color: var(--text-body);
  font-weight: 500;
  margin-bottom: .5rem;
}

.form-text {
  color: var(--text-muted);
  font-size: var(--fs-14);
}

.input-group-text {
  background-color: var(--bg-surface);
  color: var(--text-body);
  border: 1px solid var(--border-color);
}