/*
 * LIVEROK — rendez-vous récurrent, confirmation de la veille, « on remet ça ».
 *
 * Trois blocs qui vivent DANS la carte d'inscription d'une fiche de sortie. Ils doivent se lire d'un coup d'œil sans
 * voler la vedette au bouton principal : d'où des fonds tenus, une seule couleur d'accent par bloc, et aucune
 * animation. La règle globale nue `svg{width:18px}` du thème n'entre pas en jeu ici (aucun SVG), mais on garde le
 * réflexe : tout est scopé sous `.lr-ritual`.
 */

.lr-ritual {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, .10);
  background: rgba(15, 23, 42, .03);
}

.lr-ritual h4 {
  margin: 0 0 6px;
  font-size: .95rem;
  letter-spacing: .01em;
}

.lr-ritual p {
  margin: 0 0 8px;
  font-size: .88rem;
  line-height: 1.5;
}

.lr-ritual p:last-child { margin-bottom: 0; }

/* ——— Bandeau du rendez-vous récurrent ——————————————————————————————————————————————————————————— */

.lr-ritual-badge {
  border-color: rgba(217, 119, 6, .32);
  background: linear-gradient(180deg, rgba(251, 191, 36, .16), rgba(251, 191, 36, .06));
}

.lr-ritual-badge.is-go {
  border-color: rgba(16, 185, 129, .38);
  background: linear-gradient(180deg, rgba(16, 185, 129, .16), rgba(16, 185, 129, .05));
}

/* Le chiffre « il manque N personnes » est l'information qui fait agir : il est le seul en gras coloré. */
.lr-ritual-need { font-weight: 600; }
.lr-ritual-need strong { font-size: 1.15em; }
.lr-ritual-need.is-ok { color: #047857; }
.lr-ritual-go { font-weight: 700; color: #047857; }
.lr-ritual-off { font-weight: 600; color: #b91c1c; }

/* ——— Confirmation de la veille ——————————————————————————————————————————————————————————————— */

.lr-checkin { border-color: rgba(37, 99, 235, .30); background: rgba(37, 99, 235, .06); }

.lr-checkin-actions,
.lr-again-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

/* Les deux réponses ont le MÊME poids visuel de surface : proposer « je me désiste » en tout petit reviendrait à
   demander une confirmation sans offrir le refus, et c'est exactement comme ça qu'on récolte des absences muettes. */
.lr-checkin-actions button,
.lr-again-actions button {
  flex: 1 1 auto;
  min-width: 8.5em;
  font-size: .88rem;
  padding: 9px 12px;
}

.lr-checkin-done { color: #1d4ed8; font-weight: 600; }
.lr-checkin-feedback:empty,
.lr-again-feedback:empty { display: none; }

.lr-checkin-feedback,
.lr-again-feedback {
  margin-top: 8px;
  font-size: .84rem;
  font-weight: 600;
}

/* ——— « On remet ça » ————————————————————————————————————————————————————————————————————— */

.lr-again { border-color: rgba(139, 92, 246, .30); background: rgba(139, 92, 246, .06); }

@media (max-width: 560px) {
  .lr-checkin-actions button,
  .lr-again-actions button { flex: 1 1 100%; }
}