/* B3 tâche 033 — AC32.1 / AC32.2. Le bandeau de refus anti-désintermédiation,
   posé au-dessus du composeur du fil et sous le message d'une étape.

   Une seule feuille pour les deux écrans : le partiel est partagé, ses classes
   aussi. Les rouges sont ceux de `.rpj-mod-notice` (tâche 030), pour que le
   refus d'une offre et le refus d'un message ne se lisent pas de deux façons
   différentes dans le même produit.

   Le conteneur `.cbn-slot` est rendu même vide (c'est l'ancre Turbo) et ne
   porte donc VOLONTAIREMENT aucune règle : pas de marge, pas de bordure, rien
   qui laisserait un blanc inexpliqué au-dessus d'un composeur sans refus. Toute
   la mise en forme vit sur `.cbn`, qui n'existe qu'en cas de refus. */
.cbn {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0 0 10px;
  padding: 11px 13px;
  border: 1px solid rgba(179, 38, 30, 0.28);
  border-radius: 12px;
  background: rgba(179, 38, 30, 0.05);
}

.cbn-ico {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  margin-top: 1px;
  color: #b3261e;
}

.cbn-body { min-width: 0; }

.cbn-title {
  font-size: 12px;
  font-weight: 700;
  color: #8c1d18;
  margin: 0 0 3px;
}

/* `overflow-wrap` : le passage cité peut être une adresse e-mail longue, et à
   390 px elle déborderait du cadre. Un motif illisible ne se corrige pas. */
.cbn-reason {
  font-size: 11.5px;
  line-height: 1.5;
  color: #5b564f;
  margin: 0;
  overflow-wrap: anywhere;
}

.cbn-reason + .cbn-reason { margin-top: 5px; }