/* Online/offline status indicator */
.online-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #9ca3af; /* offline: grey */
  vertical-align: middle;
  flex-shrink: 0;
}
.online-dot.is-online {
  background: #22c55e; /* online: green */
}
/* Dot overlaid on the bottom-right of an avatar */
.online-dot--avatar {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 12px;
  height: 12px;
}

/* 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);
}