/* MakeYouFirst — bêta : bandeau + bouton « Signaler » + formulaire (charte D). */
.beta-bar { position: relative; z-index: 40; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; padding: 8px 44px 8px 16px; background: var(--ink); color: #fff; font-size: 13px; line-height: 1.4; }
.beta-bar[hidden] { display: none; }
.beta-bar b { color: var(--p2); }
.beta-link { background: none; border: 0; padding: 4px 0; color: var(--p2); font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; min-height: 32px; }
.beta-x { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border: 0; border-radius: 50%; background: transparent; color: #fff; font-size: 20px; cursor: pointer; }
.beta-x:hover, .beta-x:focus-visible { background: #ffffff22; }
.beta-fab { position: fixed; right: 16px; bottom: calc(16px + var(--shell-bottom, 0px)); z-index: 55; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 16px; border: 0; border-radius: 999px; background: var(--p); color: #fff; font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; box-shadow: var(--sh-pop); }
.beta-fab:hover { background: var(--pd); }
.beta-fab:focus-visible { outline: none; box-shadow: var(--ring); }
.beta-modal { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; padding: 16px; background: #0d0c2266; }
.beta-modal[hidden] { display: none; }
.beta-box { width: 100%; max-width: 480px; max-height: calc(100vh - 32px); overflow: auto; background: var(--card); border-radius: var(--r); padding: 22px; }
.beta-box h3 { margin: 0 0 6px; }
.beta-kinds { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.beta-kinds label { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; min-height: 40px; border: 1px solid var(--line2); border-radius: 999px; cursor: pointer; font-size: 14px; }
.beta-kinds label:has(input:checked) { border-color: var(--p); background: var(--p3); color: var(--pd); font-weight: 700; }
.beta-box textarea { width: 100%; }
.beta-msg { min-height: 1.2em; margin: 6px 0; font-size: 14px; }
.beta-msg.is-ok { color: var(--ok); }
.beta-msg.is-err { color: var(--bad); }
.beta-table td { vertical-align: top; }
.beta-table .msg { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 520px; }
@media (max-width: 760px) {
  .beta-fab { right: 12px; padding: 10px 12px; }
  .beta-fab-t { display: none; }
  .beta-modal { place-items: end center; padding: 0; }
  .beta-box { border-radius: var(--r) var(--r) 0 0; padding-bottom: calc(22px + env(safe-area-inset-bottom)); }
}
@media print { .beta-bar, .beta-fab { display: none; } }