/* Adjugé! — Remontée de bug / feedback (feuille #feedback-sheet).
   Réutilise les classes de feuille génériques (.sheet-head/.sheet-sub/.sheet-cta,
   .f-label/.f-input) ; n'ajoute que le sélecteur de TYPE (segmenté horizontal,
   façon pilules) et le message d'erreur. */

/* Feuille = même gabarit bottom-sheet que support (centrée, arrondie, anim). */
#feedback-sheet {
  position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);
  width: 100%; max-width: 480px; z-index: 60;
  background: #FFFFFF; border-radius: 26px 26px 0 0;
  padding: 10px 18px calc(24px + var(--sab));
  animation: sheetUp 0.35s cubic-bezier(0.2,0.9,0.3,1) both;
  max-height: 86dvh; overflow: auto;
}
#feedback-backdrop {
  position: fixed; inset: 0; z-index: 59; background: rgba(24,17,9,0.45);
  animation: fadeIn 0.25s ease both;
}

/* Sélecteur de type : 3 pilules côte à côte, la sélectionnée en orange. */
.fb-kinds { display: flex; gap: 8px; margin: 14px 0 4px; }
.fb-kind {
  flex: 1; border: 1.5px solid var(--line); border-radius: 12px;
  padding: 10px 6px; font-size: 13px; font-weight: 700; text-align: center;
  background: #FFFFFF; color: var(--ink, #181109); cursor: pointer;
}
.fb-kind.on { border-color: var(--orange); background: #FDEEE3; font-weight: 800; }

#feedback-sheet .f-label { margin-top: 12px; }
#feedback-sheet .sheet-cta { margin-top: 18px; }

.fb-err {
  margin-top: 10px; font-size: 13px; font-weight: 700; color: var(--red);
}
.fb-err:empty { display: none; }