/* room-extras.css — accepted answers (x04), Check the record (x03) and award rooms after the deadline
   (x02). Approved visual contract (DESIGN.md): paper #fffef9, canvas #f5f3ec, olive #526547, thin muted
   green lines, dark green text, serif headings, plain sans-serif controls. Phone targets are 44px. */
.rx-record, .rx-after, .rx-helpers, .rx-claim, .rx-answered, .rx-accepted-line, .rx-record-tag, .rx-awardee {
  --rx-paper:#fffef9; --rx-canvas:#f5f3ec; --rx-olive:#526547; --rx-olive-dark:#344b2c; --rx-ink:#29372e;
  --rx-muted:#586653; --rx-line:#d9ded0; --rx-soft:#eef1e7; --rx-green:#2f6b3a; --rx-green-soft:#e6f1e3;
  --rx-amber:#fbf3dc; --rx-amber-line:#e3cf94; --rx-amber-ink:#5c4708;
}

/* x04: the word, not only a colour */
.rx-answered { display:inline-flex; align-items:center; gap:3px; padding:1px 8px; border:1px solid #b9d4b3; border-radius:999px; background:var(--rx-green-soft); color:var(--rx-green); font-size:11.5px; font-weight:650; line-height:1.6; white-space:nowrap; }
.rx-check { font-weight:700; }
.fr-post.rx-accepted, .talk-row.rx-accepted-panel { border-color:#a9c9a2 !important; background:#f2f8ef !important; }
.rx-accepted-line { display:flex; align-items:center; gap:4px; margin:6px 0 2px !important; color:var(--rx-green); font-size:12.5px; font-weight:600; }
.fr-act.rx-accept { border:1px solid var(--rx-line, #d9ded0); border-radius:6px; padding:4px 10px; color:var(--rx-olive-dark, #344b2c); background:var(--rx-paper, #fffef9); font-weight:600; }
.fr-act.rx-accept.on { background:var(--rx-soft, #eef1e7); }
.rx-record-tag { display:inline-flex; align-items:center; padding:1px 8px; border:1px solid var(--rx-line); border-radius:999px; background:var(--rx-soft); color:var(--rx-olive-dark); font-size:11.5px; font-weight:650; text-decoration:none; white-space:nowrap; }
a.rx-record-tag:hover { text-decoration:underline; }
.rx-helpers { margin:6px 0 2px !important; color:var(--rx-muted); font-size:13px; line-height:1.6; }
.rx-helpers-label { color:var(--rx-ink); font-weight:600; }
.rx-helper { padding:0; border:0; background:none; color:var(--rx-olive-dark); font:inherit; font-weight:600; cursor:pointer; }
button.rx-helper { text-decoration:underline; text-underline-offset:2px; }
.rx-rankings { color:var(--rx-olive-dark); }

/* x03: the record box under a question */
.fr-act.rx-check-btn { border:1px solid var(--rx-line, #d9ded0); border-radius:6px; padding:4px 10px; color:var(--rx-olive-dark, #344b2c); background:var(--rx-paper, #fffef9); font-weight:600; }
.rx-record { margin:10px 0 2px; padding:12px 14px; border:1px solid var(--rx-line); border-left:3px solid var(--rx-olive); border-radius:6px; background:var(--rx-paper); color:var(--rx-ink); display:grid; gap:8px; }
.rx-record-head { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 12px; }
.rx-record-head h4 { margin:0; font-family:"Source Serif 4","Newsreader",Georgia,serif; font-size:15.5px; font-weight:600; }
.rx-record-note, .rx-searched { margin:0 !important; color:var(--rx-muted); font-size:12px; }
.rx-results { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.rx-result { padding-left:10px; border-left:2px solid var(--rx-line); display:grid; gap:3px; }
.rx-quote { display:block; quotes:"\201C" "\201D"; font-size:13.5px; line-height:1.55; }
.rx-quote mark { background:var(--rx-amber); color:inherit; padding:0 2px; border-radius:2px; }
.rx-source { margin:0 !important; color:var(--rx-muted); font-size:12px; }
.rx-source a { color:var(--rx-olive-dark); }
.rx-pick { display:inline-flex; align-items:center; gap:6px; min-height:32px; font-size:12.5px; color:var(--rx-muted); }
/* FIX-4 (x03): the share radio in the olive control colour, not the browser blue. */
.rx-pick input[type="radio"], .rx-after input, .rx-record input { accent-color:#526547; }
.rx-none, .rx-need, .rx-fail, .rx-waiting { margin:0 !important; font-size:13.5px; }
.rx-need a { color:var(--rx-olive-dark); font-weight:600; }
.rx-acts { display:flex; flex-wrap:wrap; gap:8px; }
.rx-status { margin:0 !important; font-size:12.5px; color:var(--rx-muted); }
.rx-status:empty { display:none; }
.rx-loading { margin:0 !important; color:var(--rx-muted); font-size:12.5px; }

/* x02: after the deadline */
.rx-after { margin:10px 0 4px; padding:12px 14px; border:1px solid var(--rx-line); border-radius:6px; background:var(--rx-canvas); display:grid; gap:10px; color:var(--rx-ink); }
.rx-after-title { margin:0 !important; font-weight:650; font-size:14px; }
.rx-after-row { padding:10px 12px; border:1px solid var(--rx-line); border-radius:6px; background:var(--rx-paper); display:grid; gap:4px; justify-items:start; }
.rx-after-award { border-left:3px solid var(--rx-amber-line); }
.rx-after-link { color:var(--rx-olive-dark); font-weight:650; text-decoration:underline; text-underline-offset:2px; }
.rx-after-sub { margin:0 !important; color:var(--rx-muted); font-size:12.5px; }
.rx-award-name { margin:0 !important; font-weight:650; }
.rx-likely { display:inline-flex; padding:1px 8px; border:1px solid var(--rx-amber-line); border-radius:999px; background:var(--rx-amber); color:var(--rx-amber-ink); font-size:11.5px; font-weight:650; margin-right:4px; }
.rx-award-open { margin-top:4px; text-decoration:none; }

/* x02: the award room's header */
.rx-award-prompt { padding:10px 12px; border-radius:6px; }
.rx-claim { display:grid; gap:4px; justify-items:start; }
.rx-claimed { display:inline-flex; align-items:center; gap:4px; padding:2px 10px; border:1px solid #b9d4b3; border-radius:999px; background:var(--rx-green-soft); color:var(--rx-green); font-size:12.5px; font-weight:650; }
.rx-awardee { display:inline-flex; padding:1px 8px; border:1px solid #b9d4b3; border-radius:999px; background:var(--rx-green-soft); color:var(--rx-green); font-size:11.5px; font-weight:650; white-space:nowrap; }

.rx-record :focus-visible, .rx-after :focus-visible, .rx-helpers :focus-visible, .rx-accept:focus-visible, .rx-check-btn:focus-visible { outline:2px solid var(--rx-olive, #526547); outline-offset:2px; }

@media (max-width:760px) {
  .fr-act.rx-accept, .fr-act.rx-check-btn, .rx-acts .fr-btn, .rx-award-open, .rx-claim-btn, .rx-after-link, .rx-rankings, button.rx-helper { min-height:44px; display:inline-flex; align-items:center; }
  .rx-pick { min-height:44px; }
  .rx-helpers { display:flex; flex-wrap:wrap; align-items:center; column-gap:6px; }
  .rx-helpers-label { flex-basis:100%; }
  .rx-hp { display:inline-flex; align-items:center; white-space:nowrap; }
  .rx-helpers .rx-sep { display:none; }
  /* FIX-1: "View rankings" gets its own line, so the last name never runs into it; rows stay tight. */
  .rx-helpers { row-gap:0; line-height:1.3; }
  .rx-helpers .rx-rankings { flex-basis:100%; }
  .rx-source a, .rx-need a { display:inline-flex; align-items:center; min-height:44px; padding:0 4px; }
  .rx-record, .rx-after { padding:10px 12px; }
  .rx-record-head { display:grid; }
}

/* x02: Who's in for an award links to the award room page. */
.fx-talk-room { display:inline-flex; align-items:center; min-height:44px; margin:0 0 6px; color:#344b2c; font-weight:650; text-decoration:underline; text-underline-offset:2px; }