/**
 * CBT MA BAHRUL ULUM KEPOHBARU
 * File: forms.css
 */

.form-label {
  font-weight: 500;
  font-size: 0.88rem;
  color: var(--cbt-navy);
  margin-bottom: 0.4rem;
}

.form-control, .form-select {
  border: 1px solid var(--cbt-border);
  border-radius: var(--radius-sm);
  padding: 0.55rem 0.85rem;
  font-size: 0.9rem;
  color: var(--cbt-text-primary);
  background-color: var(--cbt-surface);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.form-control:focus, .form-select:focus {
  border-color: var(--cbt-teal);
  box-shadow: 0 0 0 3px rgba(8, 126, 139, 0.15);
  outline: 0;
}

.form-text {
  font-size: 0.78rem;
  color: var(--cbt-text-secondary);
}

.input-group-text {
  background-color: var(--cbt-surface-subtle);
  border: 1px solid var(--cbt-border);
  color: var(--cbt-text-secondary);
}