/* Profile page: make form controls clearly visible even if other CSS overrides bootstrap */
.auth-input,
.form-control,
.form-select,
textarea.form-control {
  background: #fff !important;
  color: #111827 !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  border-radius: 12px !important;
  padding: .65rem .8rem !important;
  box-shadow: none !important;
}

.auth-input:focus,
.form-control:focus,
.form-select:focus {
  border-color: rgba(22,163,74,.55) !important;
  box-shadow: 0 0 0 .25rem rgba(22,163,74,.15) !important;
  outline: none !important;
}

.form-label {
  font-weight: 700;
  color: #111827;
  margin-bottom: .35rem;
}

.card.dringo-card {
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}