/* Threads on a review board. Bench tokens with fallbacks, radius 0, sizes on the 4 px grid, light and dark. */
.rbt-scope, .rbt-chip {
  --t-surface: var(--surface, #FFFFFF); --t-surface-2: var(--surface-2, #EEF0F3); --t-ink: var(--ink, #1F2126); --t-muted: var(--muted, #5B6370);
  --t-rule: var(--rule, #D9DDE4); --t-rule-soft: var(--rule-soft, #E5E8ED); --t-primary: var(--primary, #0845AD); --t-primary-ink: var(--primary-ink, #FFFFFF);
  --t-tint: var(--tint, #EAF0FB); --t-tint-ink: var(--tint-ink, #0F3A8C); --t-accent: var(--accent, #EB5808); --t-accent-tint: var(--accent-tint, #FDECE1);
  --t-ok: var(--ok, #2E7D4F); --t-bad: var(--bad, #DC2626);
  font-family: var(--font-sans, system-ui, sans-serif); color: var(--t-ink);
}
.rbt-scope, .rbt-scope * { box-sizing: border-box; border-radius: 0 !important; }
.rbt { display: flex; flex-direction: column; gap: 8px; font-size: 13px; line-height: 20px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--t-rule-soft); }
.rbt-head { display: flex; gap: 4px; flex-wrap: wrap; }
.rbt-posts { display: flex; flex-direction: column; gap: 4px; }
.rbt-post { max-width: 92%; padding: 4px 8px; border: 1px solid var(--t-rule); background: var(--t-surface); }
.rbt-post.by-reviewer { align-self: flex-start; background: var(--t-surface-2); border-color: var(--t-rule-soft); }
.rbt-post.by-agent { align-self: flex-end; background: var(--t-tint); border-color: var(--t-primary); border-left-width: 4px; }
.rbt-post .who { font-family: var(--font-mono, monospace); font-size: 11px; line-height: 16px; letter-spacing: .04em; text-transform: uppercase; color: var(--t-muted); display: flex; gap: 4px; align-items: center; flex-wrap: wrap; }
.rbt-post.by-agent .who, .rbt-post.by-agent .txt { color: var(--t-tint-ink); }
.rbt-post .txt { white-space: pre-wrap; word-break: break-word; }
.rbt-post .pend { color: var(--t-muted); font-style: italic; }
.rbt-post audio { display: block; width: 100%; max-width: 320px; height: 32px; margin: 4px 0; }
.rbt-empty { color: var(--t-muted); font-size: 13px; }
.rbt-chip { display: inline-block; padding: 0 8px; font: 600 11px/16px var(--font-sans, system-ui, sans-serif); white-space: nowrap; border: 1px solid var(--t-rule); color: var(--t-muted); background: var(--t-surface); text-transform: none; letter-spacing: 0; vertical-align: 1px; }
.rbt-chip.st-new { background: var(--t-accent); border-color: var(--t-accent); color: #fff; }
.rbt-chip.st-taken { background: var(--t-tint); border-color: var(--t-primary); color: var(--t-tint-ink); }
.rbt-chip.st-landed { background: var(--t-ok); border-color: var(--t-ok); color: #fff; }
.rbt-chip.st-answered { background: var(--t-primary); border-color: var(--t-primary); color: var(--t-primary-ink); }
.rbt-chip.v-approve { border-color: var(--t-ok); color: var(--t-ok); }
.rbt-chip.v-veto { border-color: var(--t-bad); color: var(--t-bad); }
.rbt-form textarea { width: 100%; border: 1px solid var(--t-rule); background: var(--t-surface); color: var(--t-ink); padding: 4px 8px; font: 13px/20px var(--font-sans, system-ui, sans-serif); resize: vertical; }
.rbt-row { display: flex; gap: 4px; align-items: center; justify-content: flex-end; flex-wrap: wrap; margin-top: 4px; }
.rbt-err { color: var(--t-bad); font-size: 12px; margin-right: auto; }
.rbt-btn { border: 1px solid var(--t-rule); background: var(--t-surface); color: var(--t-ink); padding: 0 8px; font: 12px/24px var(--font-sans, system-ui, sans-serif); cursor: pointer; }
.rbt-btn:hover { border-color: var(--t-muted); }
.rbt-btn.primary { background: var(--t-primary); border-color: var(--t-primary); color: var(--t-primary-ink); font-weight: 600; }
.rbt-btn.rec { background: var(--t-accent); border-color: var(--t-accent); color: #fff; }
.rbt-btn[disabled] { opacity: .5; }
.rbt-filter { display: flex; gap: 8px; align-items: center; padding: 4px 0 8px; font-size: 12px; }
.rbt-filter a { color: var(--t-primary); margin-left: auto; }
.rbt-seg { display: inline-flex; border: 1px solid var(--t-rule); padding: 2px; gap: 2px; }
.rbt-seg button { border: 0; background: transparent; padding: 4px 8px; font-size: 12px; color: var(--t-muted); cursor: pointer; }
.rbt-seg button[aria-pressed="true"] { background: var(--t-tint); color: var(--t-tint-ink); font-weight: 600; }
.rbt-item { padding: 8px 4px; border-bottom: 1px solid var(--t-rule-soft); font-size: 13px; }
.rbt-ih { display: flex; gap: 4px; align-items: baseline; flex-wrap: wrap; }
.rbt-last { color: var(--t-muted); margin-top: 4px; white-space: pre-wrap; word-break: break-word; }
.rbt-item .rbt-row { justify-content: flex-start; }