/* QRPedia feedback panel (option B): fixed button + slide-in panel, full-width sheet at <=900px. */
.fbp-open{position:fixed;right:var(--s4);bottom:var(--s4);z-index:30;font:inherit;font-weight:700;font-size:var(--fs-sm);min-height:44px;padding:var(--s2) var(--s4);color:var(--color-on-accent);background:var(--color-accent);border:var(--border-w) solid var(--color-edge);border-radius:var(--radius);box-shadow:var(--card-shadow);cursor:pointer;transition:opacity .15s,visibility .15s}
.fbp-open{display:inline-flex;align-items:center;gap:var(--s2)}.fbp-open svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.fbp-open:hover{filter:brightness(1.08)}.fbp-open:active{transform:translateY(1px)}.fbp-open.fbp-away{opacity:0;visibility:hidden}
.fbp-dim{position:fixed;inset:0;z-index:40;background:var(--color-ink);opacity:.35}
.fbp{position:fixed;top:0;right:0;bottom:0;z-index:41;width:min(420px,100%);overflow:auto;padding:var(--s4);color:var(--color-ink);background:var(--color-surface);border-left:2px solid var(--color-edge);box-shadow:-8px 0 0 rgba(0,0,0,.08);transform:translateX(100%);transition:transform .2s ease-out}
.fbp.in{transform:none}
@media(prefers-reduced-motion:reduce){.fbp{transition:none}}
.fbp-lock{overflow:hidden}
.fbp-head{display:flex;align-items:center;justify-content:space-between}.fbp-head h2{margin:0;font-size:var(--fs-lg)}.fbp-head h2:focus{outline:none}
.fbp-x{font:inherit;font-size:28px;line-height:1;width:44px;height:44px;color:var(--color-muted);background:none;border:0;cursor:pointer}.fbp-x:hover{color:var(--color-ink)}
.fbp label,.fbp legend{display:block;font-weight:700;font-size:var(--fs-sm);margin:var(--s3) 0 var(--s1)}.fbp i{font-style:normal;font-weight:400;color:var(--color-muted)}
.fbp .field{width:100%;box-sizing:border-box}.fbp textarea{resize:vertical;min-height:110px}
.fbp fieldset{border:0;padding:0;margin:0}
.fbp-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.fbp .fbp-chip{margin:0;font-weight:400;cursor:pointer}.fbp-chip input{position:absolute;opacity:0;width:1px;height:1px}
.fbp-chip span{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--s3);border:var(--border-w) solid var(--color-edge);border-radius:var(--radius)}
.fbp-chip input:checked+span{background:var(--color-ink);color:var(--color-bg)}.fbp-chip input:focus-visible+span{outline:2px solid var(--color-accent);outline-offset:2px}
.fbp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fbp-note{font-size:var(--fs-xs);color:var(--color-muted);background:var(--color-surface-sunk);padding:var(--s2) var(--s3);margin:var(--s3) 0 0;overflow-wrap:anywhere}
.fbp-err{color:var(--color-warn);font-size:var(--fs-sm);margin:var(--s3) 0 0}
.fbp-act{display:flex;gap:var(--s2);margin-top:var(--s4)}
.fbp-act button{font:inherit;font-weight:700;min-height:44px;padding:var(--s2) var(--s4);border:var(--border-w) solid var(--color-edge);border-radius:var(--radius);cursor:pointer;color:var(--color-ink);background:none}
.fbp-send,.fbp-done{color:var(--color-on-accent)!important;background:var(--color-accent)!important}.fbp-send:disabled{opacity:.6;cursor:progress}
.fbp-ok p{margin:var(--s4) 0 0}
@media print{.fbp-open,.fbp,.fbp-dim{display:none!important}}
@media screen and (max-width:900px){.fbp{width:100%;border-left:0}.fbp-open{right:var(--s3);bottom:var(--s3)}body{padding-bottom:calc(44px + 2 * var(--s3))}}

@media screen and (max-width:600px){.fbp-open{right:var(--s2);bottom:var(--s2);padding:var(--s2) var(--s3);border-radius:999px;font-size:var(--fs-xs)}.fbp-open.fbp-away{opacity:1;visibility:visible}body{padding-bottom:calc(44px + 2 * var(--s2) + var(--s3))}}
