/* Vadilator Review, the client's page (2026-10-28). The account page's look (app.css,
   account.css) and only what this page adds. Drawn here first, no Figma node yet. */
.rv .acc__app{max-width:1100px}
.rv-lead{font:400 14px/1.6 var(--ui);color:var(--ink-2);max-width:720px;margin:-8px 0 22px}
.panel--wide{margin-top:20px}
.rv-grid{display:grid;grid-template-columns:2fr 1.4fr 1fr;gap:14px}
.rv-hint{margin:-6px 0 14px}
.rv textarea{width:100%;box-sizing:border-box;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:9px 11px;font:400 13px/1.5 var(--ui);color:var(--ink);resize:vertical;outline:none}
.rv textarea:focus{border-color:var(--ui-accent)}
.fld textarea{display:block}

.rv-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:110px;padding:18px;margin:6px 0 12px;cursor:pointer;
  border:1px dashed var(--line-2,#cfcfcf);border-radius:6px;background:var(--bg);text-align:center}
.rv-drop:hover,.rv-drop.over{border-color:var(--ui-accent);background:var(--ui-accent-soft)}
.rv-drop b{font:600 14px/1.3 var(--ui)}
.rv-drop span{font:400 12px/1.5 var(--ui);color:var(--ink-3)}

.rv-tbl{width:100%;border-collapse:collapse;margin-bottom:12px}
.rv-tbl th{text-align:left;font:600 11px/1 var(--ui);letter-spacing:1px;text-transform:uppercase;color:var(--ink-3);padding:8px 10px;border-bottom:1px solid var(--line)}
.rv-tbl td{padding:9px 10px;border-top:1px solid var(--line);vertical-align:middle;font:400 13px/1.4 var(--ui)}
.rv-tbl tr:first-child td{border-top:0}
.rv-tbl .r{text-align:right;white-space:nowrap}
.rv-tbl tr.skip td{opacity:.55}
.rv-tbl tr.done .rv-prog i{background:var(--ok)}
.rv-th{width:52px}
.rv-th img,.rv-th span{width:46px;height:46px;object-fit:contain;display:grid;place-items:center;border:1px solid var(--line);border-radius:3px;background:var(--bg);font:600 10px/1 var(--mono);color:var(--ink-3)}
.rv-n{font-weight:600;overflow-wrap:anywhere}
.rv-s{font:400 11px/1.5 var(--mono);color:var(--ink-3);margin-top:2px}
.rv-st{color:var(--ink-3);font-size:12px;white-space:nowrap}
.rv-bad{color:var(--accent)}
.rv-prog{height:3px;background:var(--line);margin-top:6px;max-width:320px;border-radius:2px;overflow:hidden}
.rv-prog i{display:block;height:100%;background:var(--ui-accent);transition:width .2s}

.rv-link{margin-top:6px}
.rv-go{display:flex;justify-content:flex-end;margin-top:8px}
.rv-go .btn{min-width:200px;height:40px}

.rv-chip{display:inline-flex;align-items:center;gap:6px;font:600 11px/1 var(--ui);letter-spacing:.4px;padding:5px 8px;border:1px solid var(--line);border-radius:3px;white-space:nowrap}
.rv-chip::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ink-3)}
.rv-chip.st-received::before{background:var(--ui-accent)}
.rv-chip.st-checking::before{background:var(--warn)}
.rv-chip.st-fixes::before{background:var(--warn)}
.rv-chip.st-sent{border-color:var(--ok);color:var(--ok)}
.rv-chip.st-sent::before{background:var(--ok)}
.rv-act{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.rv-list td:nth-child(4){white-space:nowrap}

@media (max-width:760px){
  .rv-grid{grid-template-columns:1fr}
  .rv-list th:nth-child(2),.rv-list td:nth-child(2){display:none}
  .rv-act{justify-content:flex-start}
}