/* Rift Table — Feedback board (#viewFeedback, community.js). Uses the tokens of style.css (docs/design.md).
   One column, max 900 px; phone (< 720 px): the filters wrap, the vote button stays at the left of each idea. */
.fb{max-width:900px;margin:0 auto;padding:var(--s6) var(--s5) var(--s7);display:flex;flex-direction:column;gap:var(--s4);min-width:0}
.fb .none{color:var(--ink-2);font-size:var(--fs-2);padding:var(--s3) 0}
.fb-pageh{margin-bottom:var(--s2)}
.fb-pane{display:flex;flex-direction:column;gap:var(--s4);min-width:0}
.fb-intro,.fb-note{margin:0;color:var(--ink-2);font-size:var(--fs-2);line-height:1.5;max-width:70ch}
.fb-note{font-size:var(--fs-1)}

/* filters */
.fb-chips{display:flex;flex-wrap:wrap;gap:6px}
.fb-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--hair-2);
  color:var(--ink-2);font-size:var(--fs-1)}
.fb-chip b{color:var(--ink);font-weight:600}
.fb-chip:hover{color:var(--ink)} .fb-chip.on{background:var(--surface-3);color:var(--ink);border-color:var(--hair-3)}
.fb-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s2) var(--s3)}
.fb-bar label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-1);color:var(--ink-2)}
.fb-bar select{min-height:36px}

/* items */
.fb-list{display:flex;flex-direction:column;gap:var(--s2)}
.fb-item{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);padding:var(--s3) var(--s4);display:flex;
  flex-direction:column;gap:var(--s2);min-width:0}
.fb-item.is-hidden,.fb-detail.is-hidden,.fb-com.is-hidden{opacity:.6;border-style:dashed}
.fb-item-h{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.fb-text{margin:0;white-space:pre-line;overflow-wrap:anywhere;line-height:1.5;font-size:var(--fs-2)}
.fb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px var(--s3);color:var(--ink-3);font-size:var(--fs-1)}
.fb-meta .plink{color:var(--ink-2)}
.fb-anon{color:var(--ink-3)}
.fb-cat{color:var(--ink-2)}
.fb-reply{border-left:2px solid var(--gold);background:rgba(212,178,106,.07);padding:var(--s2) var(--s3);border-radius:0 var(--r) var(--r) 0}
.fb-reply b{font:600 var(--fs-0)/1.4 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi)}
.fb-reply p{margin:2px 0 0;white-space:pre-line;overflow-wrap:anywhere;font-size:var(--fs-2);line-height:1.5}
.fb-reply.sm p{font-size:var(--fs-1);color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* status badges: open / under way / done / closed without a change */
.fb-st{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;border:1px solid var(--hair-2);font-size:var(--fs-0);
  font-weight:600;letter-spacing:.03em;white-space:nowrap;color:var(--ink-2)}
.fb-st-confirmed,.fb-st-reviewing{border-color:rgba(143,184,232,.5);color:var(--info)}
.fb-st-in_progress,.fb-st-planned,.fb-st-ongoing{border-color:rgba(212,178,106,.55);color:var(--gold-hi)}
.fb-st-fixed,.fb-st-done{border-color:rgba(143,204,160,.5);color:var(--good)}
.fb-st-postponed{border-color:rgba(224,144,127,.45);color:var(--coral)}
.fb-st-not_a_bug,.fb-st-cant_reproduce,.fb-st-duplicate,.fb-st-cancelled{color:var(--ink-3)}
.fb-st-hidden,.fb-st-live{border-style:dashed;color:var(--bad);border-color:rgba(232,131,111,.5)}

/* suggestions */
.fb-idea{flex-direction:row;align-items:flex-start;gap:var(--s3)}
.fb-idea-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.fb-title{font-weight:600;font-size:var(--fs-3);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.fb-title:hover{color:var(--gold-hi)}
.fb-vote{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:52px;min-height:56px;
  border-radius:var(--r);border:1px solid var(--hair-2);color:var(--ink-2)}
.fb-vote i{font-style:normal;font-size:12px;line-height:1}
.fb-vote b{font-size:var(--fs-3);color:var(--ink)}
.fb-vote:hover{border-color:var(--hair-3);color:var(--ink)}
.fb-vote.on{border-color:rgba(212,178,106,.6);background:rgba(212,178,106,.1);color:var(--gold-hi)}
.fb-vote.on b{color:var(--gold-hi)}
.fb-compose{display:flex;flex-direction:column;gap:var(--s3);padding:0 var(--s4) var(--s4)}
.fb-compose .ptitle{margin:0 calc(-1 * var(--s4))}
.fb-compose label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-1);color:var(--ink-2)}
.fb-compose input,.fb-compose textarea,.fb-compose select,.fb-comform textarea{width:100%}
.fb-back{align-self:flex-start;font-size:var(--fs-2)}
.fb-detail{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4)}
.fb-detail-h{display:flex;gap:var(--s3);align-items:flex-start}
.fb-detail h2{margin:0 0 6px;font:600 var(--fs-4)/1.15 var(--display);overflow-wrap:anywhere}
.fb-body{font-size:var(--fs-3)}
.fb-comments{display:flex;flex-direction:column;gap:var(--s2)}
.fb-com{border-bottom:1px solid var(--hair);padding:var(--s2) 0;display:flex;flex-direction:column;gap:4px}
.fb-com .linkbtn{font-size:var(--fs-1)}
.fb-comform{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s2)}

/* admin moderation, in place */
.fb-mod{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s2) var(--s3);padding:var(--s3);border:1px dashed var(--hair-2);border-radius:var(--r);
  background:rgba(0,0,0,.18)}
.fb-mod label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-1);color:var(--ink-2)}
.fb-mod .fb-wide{flex:1 1 100%}
.fb-mod textarea{width:100%}
.fb-mod .fb-check{flex-direction:row;align-items:center;gap:6px}

@media (max-width:720px){
  .fb{padding:var(--s4) var(--s3) calc(var(--s7) + 56px)}
  .fb-tabs{width:100%} .fb-tabs button{flex:1}
  .fb-bar label{flex:1 1 140px} .fb-bar select{width:100%}
  .fb-bar .hbtn{width:100%;min-height:44px}
  .fb-item{padding:var(--s3)}
  .fb-vote{width:46px;min-height:52px}
}
.report-public{color:var(--gold-hi)}