/* feedback.css  "Was this accurate?" widgets rendered by feedback-ui.js.
   Class prefix fb-. Tokens come from styles.css. Compact and quiet: one line when idle. */

.fb{position:relative; font-family:var(--font); font-size:13.5px; line-height:1.5; color:var(--ink-soft);}
/* styles.css already insets .f-slot (0 22px 20px in a finding card, 10px 0 0 in a minor note), so add nothing here */
.finding .fb{margin:0;}
.mn-item .fb{margin:0;}
.fb-report{margin-top:22px; padding:14px 18px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm); font-size:14.5px;}

/* idle: question, two buttons, quiet count, all on one line */
.fb-form{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0;}
.fb-q{font-weight:600; color:var(--ink-soft);}
.fb-picked{font-weight:500; color:var(--ink-faint);}
.fb-btns{display:inline-flex; gap:6px;}
.fb-btn{font-family:inherit; font-size:12.5px; font-weight:700; line-height:1.2; color:var(--ink); background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm); padding:5px 12px; cursor:pointer; transition:border-color .15s, color .15s, background .15s;}
.fb-btn:hover{border-color:var(--brand); color:var(--brand);}
.fb-btn:disabled{opacity:.55; cursor:default;}
.fb-count{font-size:12.5px; color:var(--ink-faint);}

/* "No" opens a short note */
.fb-open{flex-direction:column; align-items:stretch; gap:8px;}
.fb-label{font-size:13.5px; font-weight:600; color:var(--ink);}
.fb-note{width:100%; min-height:64px; resize:vertical; font-family:inherit; font-size:14px; line-height:1.5; color:var(--ink); background:var(--surface-2); border:1.5px solid var(--border); border-radius:var(--radius-sm); padding:9px 12px; outline:none;}
.fb-note:focus{border-color:var(--brand);}
.fb-row{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.fb-send{font-family:inherit; font-size:13px; font-weight:700; color:var(--brand-ink,#fff); background:var(--brand); border:1px solid var(--brand); border-radius:var(--radius-sm); padding:7px 16px; cursor:pointer;}
.fb-send:hover{filter:brightness(1.06);}
.fb-send:disabled{opacity:.55; cursor:default;}
.fb-cancel,.fb-change{font-family:inherit; font-size:13px; font-weight:600; color:var(--ink-soft); background:none; border:0; padding:0; cursor:pointer; text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--border);}
.fb-cancel:hover,.fb-change:hover{color:var(--brand); text-decoration-color:var(--brand);}
.fb-cancel:disabled{opacity:.55; cursor:default;}
.fb-left{margin-left:auto; font-size:12px; color:var(--ink-faint);}
.fb-err{margin:0; font-size:12.5px; font-weight:600; color:var(--serious);}

/* after a vote */
.fb-thanks{margin:0; color:var(--ink-soft);}
.fb-thanks .fb-change{margin-left:6px;}

/* what other readers wrote */
.fb-notes{list-style:none; margin:8px 0 0; padding:0; display:flex; flex-direction:column; gap:4px;}
.fb-notes li{font-size:13px; color:var(--ink-soft); word-break:break-word;}
.fb-who{font-weight:600; color:var(--ink);}
.fb-text{white-space:pre-line;}
.fb-when{margin-left:6px; font-size:12px; color:var(--ink-faint); white-space:nowrap;}

/* honeypot: present in the form, never seen by a person */
.fb-hp{position:absolute; left:-9999px; top:0; width:1px; height:1px; opacity:0; pointer-events:none;}

@media(max-width:540px){
  .fb-report{padding:12px 14px;}
  .fb-left{margin-left:0;}
}
@media print{
  .fb{display:none !important;}
}
/* Reader signals and reviewed decisions are separate from signed observations. */
.fb-policy{font-size:12.5px;line-height:1.5;color:var(--ink-soft);margin:8px 0 0;}
.fb-review{border-left:3px solid var(--brand);padding:10px 14px;margin-top:12px;background:var(--surface);font-size:14px;}
.fb-review.incorrect{border-color:var(--serious);}
.fb-review.inconclusive{border-color:var(--watch);}
.fb-review p{margin-top:5px;}
.fb-auto{border-left:3px solid var(--brand);padding:10px 14px;margin-top:12px;background:var(--surface);font-size:14px;}
.fb-auto p{margin:5px 0;}
.fb-auto ul{padding-left:20px;margin:8px 0;}
.fb-auto li{margin:5px 0;}