/* Register left panel */
.register-aside{
  background: linear-gradient(135deg, var(--primary-color) 0%, #a83232 100%);
  border-top-left-radius:1rem; border-bottom-left-radius:1rem;
}
@media (max-width:767.98px){
  .register-aside{
    border-top-left-radius:0; border-bottom-left-radius:0;
    border-top-right-radius:0; border-bottom-right-radius:0;
  }
}

/* Form cosmetics */
.modal-content .form-label{ font-size:.95rem; color:#1f2937; }
.input-group-text{ background:#fff; }
.input-group>.form-control.is-invalid{ border-right-color:#dc3545; }
.progress{ background:#e9ecef; height: 6px; }
.text-white-75{ color:rgba(255,255,255,.85); }

.modal-header-primary { background: var(--primary-color); color:#fff; }

/* Thinner progress bar */
.progress--thin { height: 6px; }

/* Shared hint style */
.form-hint {
  display: block;
  margin-top: .35rem;
  font-size: .9rem;        /* slightly larger than default small */
  line-height: 1.3;
  color: #6b7280;          /* neutral (tailwind-ish slate-500) */
}

/* Strength meter + hint colors (match Bootstrap semantics) */
.hint-danger  { color: var(--bs-danger);  }
.hint-warning { color: var(--bs-warning); }
.hint-success { color: var(--bs-success); }

/* Confirm password live hint badge look */
#pwMatchText {
  padding: .2rem .5rem;
  border-radius: .5rem;
  background: #f8f9fa;
}

/* Space the input groups a bit tighter to the hints */
.input-group + .form-hint { margin-top: .5rem; }

/* Optional: align eye buttons visually */
.input-group .btn[aria-label="Show password"] i,
.input-group .btn[aria-label="Hide password"] i { vertical-align: text-bottom; }