/* Review layer on top of the two reports' own styles. */
body{padding-top:52px}
#rv-bar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:10px 20px;background:#1f1d2b;color:#fff;font:13px/1.3 -apple-system,system-ui,Segoe UI,sans-serif;
  box-shadow:0 1px 4px rgba(0,0,0,.25)}
#rv-bar b{font-size:14px}
#rv-bar a.rv-home{color:#c9c6ff;text-decoration:none}
#rv-counts{color:#d6d6e0}
.rv-filters{display:flex;gap:6px;align-items:center;color:#a9a7bb}
.rv-filters button{font:inherit;color:#fff;background:transparent;border:1px solid #55526a;border-radius:14px;
  padding:3px 10px;cursor:pointer}
.rv-filters button.on{background:#fff;color:#1f1d2b;border-color:#fff}
#rv-shown{color:#a9a7bb}
#rv-status{margin-left:auto;color:#9fe3b4}
#rv-status.bad{color:#ffb4ab}

.rv-ctl{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.rv-ctl button{font:600 11px/1 -apple-system,system-ui,sans-serif;padding:5px 7px;border-radius:6px;cursor:pointer;
  border:1px solid #c9c9cf;background:#fff;color:#333;white-space:nowrap}
.rv-ctl button[data-act=right]:hover{background:#1a7f37;border-color:#1a7f37;color:#fff}
.rv-ctl button[data-act=wrong]:hover{background:#cf222e;border-color:#cf222e;color:#fff}
.rv-ctl button.rv-undo{border-color:#8250df;color:#8250df}
.rv-ctl button.rv-undo:hover{background:#8250df;color:#fff}
.rv-tag{margin-top:6px}
#rv-bar .rv-hint{background:#8250df;border-radius:10px;padding:2px 9px;font-weight:600}
.rv-none{font-size:11px;color:#6e6e73;margin-top:6px;line-height:1.3}
.rv-was{font-size:11px;color:#8250df;font-weight:600;margin:2px 0}

/* wear report: a row a reviewer has marked */
tr.rv-reviewed td{outline:none}
tr.rv-reviewed td:nth-child(6){background:#f3efff}
/* rec report: a card a reviewer has marked */
.card.rv-reviewed{box-shadow:0 0 0 3px #8250df}
.rv-item{margin-top:8px;padding-top:8px;border-top:1px solid #eee}
.rv-tag{display:inline-block;font-size:11px;font-weight:700;border-radius:8px;padding:1px 7px;color:#fff;background:#8250df}

.rv-comments{margin-top:18px;padding-top:14px;border-top:1px dashed #d8d8de}
.rv-h{font-size:13px;font-weight:700;margin-bottom:6px}
.rv-c{background:#f6f5fb;border-radius:8px;padding:8px 12px;margin-bottom:8px;font-size:14px}
.rv-t{white-space:pre-wrap}
.rv-meta{font-size:11px;color:#6e6e73;margin-top:4px}
.rv-del{font-size:11px;border:none;background:none;color:#b3261e;cursor:pointer;padding:0 0 0 6px}
.rv-form{display:flex;gap:8px;align-items:flex-start}
.rv-form textarea{flex:1;font:14px/1.4 -apple-system,system-ui,sans-serif;padding:8px 10px;border:1px solid #c9c9cf;
  border-radius:8px;resize:vertical}
.rv-form button{font:600 13px -apple-system,system-ui,sans-serif;padding:9px 14px;border-radius:8px;border:none;
  background:#1f1d2b;color:#fff;cursor:pointer}
.rv-form button:disabled{opacity:.5}

/* wear report: make room for the review buttons so the evidence column stays on screen */
.cols .worn img{width:420px !important;max-width:420px !important}
.items td:nth-child(6){width:96px}
.items .rv-ctl{flex-direction:column;align-items:stretch}
.items .rv-ctl button{padding:4px 5px}