/* Visitor feedback card (non-modal). Colours come from theme tokens. */
.fb-card{position:fixed;left:16px;bottom:16px;z-index:60;box-sizing:border-box;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow-y:auto;padding:16px 16px 14px;background:var(--nb-surface,#fff);color:var(--nb-text,#202124);border:var(--nb-bw,3px) solid var(--nb-border,#202124);box-shadow:var(--nb-shadow,6px 6px 0 #202124);border-radius:0;animation:fb-in .25s ease-out both;font:inherit}
.fb-card *{box-sizing:border-box}
@keyframes fb-in{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.fb-x{position:absolute;top:6px;right:6px;width:44px;height:44px;display:grid;place-items:center;font-size:28px;line-height:1;background:transparent;color:var(--nb-text,#202124);border:0;border-radius:0;cursor:pointer}
.fb-x:hover{background:var(--nb-yellow,#ffd400);color:#111}
.fb-eyebrow{display:inline-block;margin:0 0 6px;padding:2px 8px;font-size:.72rem;text-transform:uppercase;background:var(--nb-accent,#ff4d8d);color:var(--nb-accent-contrast,#111);border:2px solid var(--nb-border,#202124)}
.fb-title{margin:0 44px 6px 0;font-size:1.2rem;line-height:1.2;color:var(--nb-text,#202124)}
.fb-help{margin:0 0 8px;font-size:.84rem;line-height:1.4;color:var(--nb-muted,#444)}
.fb-sub{margin-top:12px;margin-bottom:6px}
.fb-rate{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}
.fb-tags{display:flex;flex-wrap:wrap;gap:6px}
.fb-chip{min-height:44px;padding:6px 10px;font:inherit;font-size:.86rem;cursor:pointer;background:var(--nb-surface-2,#eee);color:var(--nb-text,#202124);border:2px solid var(--nb-border,#202124);border-radius:0}
.fb-chip[aria-pressed="true"]{background:var(--nb-yellow,#ffd400);color:#111;outline:2px solid var(--nb-border,#202124);outline-offset:1px}
.fb-rating{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0;gap:0;line-height:1.1}
.fb-emoji{font-size:1.25rem}
.fb-num{font-size:.75rem;font-weight:700}
.fb-q{margin:12px 0 8px;font-weight:700;line-height:1.35;color:var(--nb-text,#202124)}
.fb-label{display:block;margin:8px 0 4px}
.fb-input{display:block;width:100%;min-height:44px;padding:8px 10px;font:inherit;font-size:1rem;background:var(--nb-surface-2,#eee);color:var(--nb-text,#202124);border:var(--nb-bw,3px) solid var(--nb-border,#202124);border-radius:0}
textarea.fb-input{resize:vertical;min-height:84px}
.fb-count{margin:2px 0 0;text-align:right;font-size:.75rem}
.fb-actions{display:flex;align-items:center;gap:14px;margin-top:12px}
.fb-send{min-height:44px;padding:8px 20px;font:inherit;font-weight:700;cursor:pointer;background:var(--nb-accent,#ff4d8d);color:var(--nb-accent-contrast,#111);border:var(--nb-bw,3px) solid var(--nb-border,#202124);border-radius:0}
.fb-send:disabled{opacity:.5;cursor:not-allowed}
.fb-skip{min-height:44px;padding:0 6px;font:inherit;font-size:.9rem;background:none;border:0;color:var(--nb-muted,#444);text-decoration:underline;cursor:pointer}
.fb-live:empty{display:none}
.fb-thanks{margin:12px 0 4px;font-weight:700;line-height:1.4;color:var(--nb-text,#202124)}
.fb-card button:focus-visible,.fb-card .fb-input:focus-visible{outline:3px solid var(--nb-focus,#0050ff);outline-offset:2px}
@media (max-width:900px){
  .fb-card{left:50%;right:auto;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 110px);width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 150px - env(safe-area-inset-bottom,0px));animation-name:fb-in-m}
}
@keyframes fb-in-m{from{transform:translate(-50%,16px);opacity:0}to{transform:translateX(-50%);opacity:1}}
@media (prefers-reduced-motion:reduce){.fb-card{animation:none!important}}