/* Panneau « Donner votre avis » (planche FeedbackPanel) : bouton flottant au-delà de 960 px, panneau ancré en bas
   à droite, feuille pleine largeur avec fond assombri sous 640 px. Propre au site (docs/09, lot 15). */
.fb-launch{position:fixed;right:24px;bottom:24px;z-index:45;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px 0 14px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink);font:600 14px/20px var(--font-text);box-shadow:var(--shadow-overlay);cursor:pointer}
.fb-launch:hover{border-color:var(--ink-muted)}
.fb-launch[aria-expanded="true"]{display:none}
.fb-panel{position:fixed;right:24px;bottom:24px;z-index:46;width:400px;max-width:calc(100vw - 32px);max-height:calc(100vh - 112px);overflow:auto;box-sizing:border-box;display:grid;gap:14px;padding:18px 20px;border-radius:16px;border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink);font-family:var(--font-text);box-shadow:var(--shadow-overlay)}
.fb-panel[hidden]{display:none}
.fb-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.fb-head h2{margin:0;font:600 17px/24px var(--font-text)}
.fb-head p{margin:4px 0 0;font-size:13px;line-height:20px;color:var(--ink-muted)}
.fb-x{flex:none;display:grid;place-items:center;width:36px;height:36px;margin:-6px -6px 0 0;border:0;border-radius:8px;background:transparent;color:var(--ink-muted);cursor:pointer}
.fb-x:hover{background:var(--surface-sunken);color:var(--ink)}
.fb-form{display:grid;gap:14px}
.fb-grp{display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0}
.fb-grp legend{padding:0;margin-bottom:8px}
.fb-grp .chips{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
.fb-grp .chip{min-height:34px;padding:0 12px}
.fb-opt{font-weight:400;color:var(--ink-muted)}
.fb-count{justify-self:end;font-size:12px;line-height:16px;color:var(--ink-muted)}
.fb-count.is-over{color:var(--danger);font-weight:600}
.fb-attach{display:grid;gap:8px;padding:12px 14px;border-radius:10px;background:var(--surface-sunken)}
.fb-attach .chk{font-size:13px;line-height:20px}
.fb-attach code{font:400 12px/18px var(--font-code);color:var(--ink);overflow-wrap:anywhere}
.fb-attach small,.fb-reply-hint{display:block;color:var(--ink-muted)}
.fb-reply-hint{font-size:13px}
.fb-note{margin:0;font-size:12px;line-height:18px;color:var(--ink-muted)}
.fb-acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.fb-form>.fb-acts{position:sticky;bottom:-18px;z-index:1;margin:0 -20px -18px;padding:12px 20px 18px;background:var(--surface-raised);border-top:1px solid var(--border)}
.fb-done{display:grid;gap:10px;justify-items:start}
.fb-done>.fb-head,.fb-done>.fb-acts{width:100%}
.fb-done>.fb-acts{justify-content:flex-start}
.fb-done .is-ok{display:inline-flex}
.fb-done h2{margin:0;font:600 17px/24px var(--font-text)}
.fb-done p{margin:0;font-size:14px;line-height:22px;color:var(--ink-muted)}
.fb-done b{color:var(--ink)}
.fb-panel .na-callout{margin:0}
.fb-panel .na-callout p{margin:0;font-size:13px;line-height:20px}
@media (max-width:960px){.fb-launch{display:none}}
@media (max-width:640px){
  .fb-back{position:fixed;inset:0;z-index:45;background:color-mix(in srgb,var(--ground-dark) 55%,transparent)}
  .fb-panel{left:0;right:0;bottom:0;width:auto;max-width:none;max-height:92vh;border-radius:16px 16px 0 0;border-bottom:0;padding:18px 16px calc(16px + env(safe-area-inset-bottom))}
  .fb-acts>.na-btn{flex:1 1 auto;justify-content:center}
  .fb-form>.fb-acts{margin:0 -16px calc(-16px - env(safe-area-inset-bottom));padding:12px 16px calc(16px + env(safe-area-inset-bottom));bottom:calc(-16px - env(safe-area-inset-bottom))}
}
