/* Caja estilo dark como en la referencia */
.comment-box-dark{
  background:#24212c;
  color:#e9e9ee;
  border-radius:12px;
}
.comment-box-dark .form-control{
  background:#17151d;
  border:1px solid #2c2935;
  color:#e9e9ee;
}
.comment-box-dark .form-control::placeholder{ color:#9aa1b2; }

/* Estrellas */
.rating{
  display:inline-flex;
  flex-direction:row-reverse;     /* para llenar de derecha a izquierda */
  gap:.25rem;
}
.rating input{ display:none; }    /* oculta los radios (los círculos azules) */
.rating label{
  font-size:1.25rem;
  cursor:pointer;
  color:#666;
  user-select:none;
}
.rating input:checked ~ label,
.rating label:hover,
.rating label:hover ~ label{
  color:#f9c80e;                  /* estrella activa */
}

/* Botón */
.btn-medium{
  background:#f9c80e;
  border:0;
  font-weight:600;
  padding:.55rem 1rem;
  border-radius:.5rem;
}
.btn-medium:hover{ filter:brightness(.95); }