/* Appraisal IQ — report files, run history, stats */
.vx-filebar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;margin:0 0 14px;border:1px solid var(--edge);border-radius:12px;background:var(--s1)}
.vx-fbaddr{font-family:var(--f-serif);font-size:1.15rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vx-hchip{display:inline-flex;gap:5px;align-items:baseline;padding:3px 9px;border:1px solid var(--edge);border-radius:999px;background:var(--s2);font:500 .75rem var(--f-mono);color:var(--muted);cursor:pointer}
.vx-hchip b{color:var(--metal-text);font-size:.85rem}
.vx-hchip:hover{border-color:var(--muted)}
.vx-arrow{color:var(--muted);font-size:.75rem;align-self:center}
.vx-runhdr{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;padding:10px 12px;margin-bottom:12px;border-left:3px solid var(--c-blue,#3d7dd8);background:var(--s1);border-radius:6px}
.vx-runhdr b{font-family:var(--f-serif);font-size:1.05rem}
.vx-rh-cmp{font:500 .8rem var(--f-mono);color:var(--muted);margin-left:auto}
.vx-rh-cmp .up{color:#2f9e5b}.vx-rh-cmp .down{color:#c0492f}
.vx-tilesbox{margin-top:18px}
.vx-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:8px}
.vx-tile{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding:14px;border:1px solid var(--edge);border-radius:12px;background:var(--s1);color:inherit;cursor:pointer;min-height:128px;transition:border-color .15s,transform .15s}
.vx-tile:hover{border-color:var(--muted);transform:translateY(-1px)}
.vx-tile.on{border-color:var(--c-blue,#3d7dd8);box-shadow:0 0 0 1px var(--c-blue,#3d7dd8) inset}
.vx-taddr{font-family:var(--f-serif);font-size:1.05rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vx-tscore{font:600 1.35rem var(--f-mono);color:var(--metal-text);margin-top:auto}
.vx-tscore small,.vx-hs small{font-size:.7rem;color:var(--muted);font-weight:400}
.vx-tnew{align-items:center;justify-content:center;text-align:center;border-style:dashed;background:transparent}
.vx-tplus{font-size:1.8rem;line-height:1;color:var(--muted)}
.vx-hist{display:flex;flex-direction:column;gap:6px}
.vx-hrow{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;text-align:left;padding:10px 12px;border:1px solid var(--edge);border-radius:10px;background:var(--s2);color:inherit;cursor:pointer}
.vx-hrow .vx-hs{grid-row:span 2;font:600 1.2rem var(--f-mono);color:var(--metal-text)}
.vx-hrow .vd-go{grid-column:1/-1;font-size:.75rem;color:var(--muted)}
.vx-rf{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:10px;border:1px solid var(--edge);border-radius:10px;background:var(--s1)}
.vx-rf.done{opacity:.55}
.vx-rf.done b{text-decoration:line-through}
.vx-rf .sev{font:600 .65rem var(--f-mono);padding:2px 6px;border-radius:4px;background:var(--s2)}
.vx-rf .sev.critical{color:#c0492f}.vx-rf .sev.moderate{color:#c2871c}.vx-rf .sev.minor{color:var(--muted)}
.vx-rfacts{flex-wrap:wrap;justify-content:flex-end}
.vx-supchip{margin-top:6px;padding:6px 10px;border-radius:8px;font-size:.8rem;background:rgba(47,158,91,.12);color:#2f9e5b}
.vx-supchip.wait{background:rgba(194,135,28,.12);color:#c2871c}
.vx-stats{margin-top:14px}
.vx-pseg{margin:10px 0}
.vx-statn{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.vx-statn>div{display:flex;flex-direction:column;padding:10px;border:1px solid var(--edge);border-radius:10px;background:var(--s2)}
.vx-statn b{font:600 1.4rem var(--f-mono);color:var(--metal-text)}
.vx-statn span{font-size:.75rem;color:var(--muted)}
.vx-graph{width:100%;height:auto;display:block;margin:6px 0}
.vx-tstat+.vx-tstat{margin-top:10px}
.vx-before,.qc-before{margin:12px 0;padding:10px 12px;border:1px dashed var(--edge);border-radius:10px;font-size:.88rem}
@media (max-width:600px){.vx-filebar{flex-direction:column;align-items:stretch}.vx-rf{grid-template-columns:1fr}.vx-rfacts{justify-content:flex-start}.vx-rh-cmp{margin-left:0}}
/* Report-ready text box, copy gate, chips, answer style */
.rr{margin:4px 0 10px}
.rr-head{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin-bottom:6px}
.rr-head .hint{font-size:.78rem;color:var(--muted)}
.rr-edit{width:100%;box-sizing:border-box;font:inherit;font-size:.95rem;line-height:1.55;padding:12px 14px;border:1px solid var(--edge);border-radius:10px;background:var(--s1);color:inherit;resize:vertical}
.rr-edit:focus{outline:2px solid var(--c-blue,#3d7dd8);outline-offset:1px}
.rr-gate{margin-top:8px}
.rr-gate code{background:var(--s2);padding:1px 5px;border-radius:4px}
.rr-rest{margin-top:8px;font-size:.9rem;opacity:.9}
.rr-wait{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:9999;display:flex;gap:8px;align-items:center;padding:10px 16px;border-radius:999px;background:var(--s1);border:1px solid var(--edge);box-shadow:0 6px 24px rgba(0,0,0,.18);font-size:.88rem}
.tt-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.tt-chips .chip{cursor:pointer}
.tt-mode{display:inline-flex}
.tt-mode button{font-size:.78rem;padding:4px 10px}
.vx-tilesbox.over{outline:2px dashed var(--c-teal,#2a9d8f);outline-offset:6px;border-radius:12px}
.vx-trhead{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;justify-content:space-between}
section.vx-panel.vx-stats{display:block!important;grid-template-columns:none!important}
.vx-stats>.row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.vx-stats .seg.vx-pseg{display:inline-flex;flex-direction:row;flex-wrap:wrap}
section.vx-tilesbox{display:block!important}
.vx-graph{max-height:240px}

/* ---- trainee Fixed / Ignore and rescore (Oct 23 2026) ---- */
.vx-trm{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--fcard-rule,var(--edge))}
.vx-trm.done{justify-content:flex-start}
.vx-trnote{flex:1;min-width:200px}
.vx-trres{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0;padding:12px 16px;border:2px solid var(--metal);border-radius:12px;background:var(--metal-soft)}
.vx-trres b{font-size:1.05rem}
.vx-grp{border:2px solid var(--fcard-edge,var(--edge));border-radius:12px;padding:10px 12px}
.vx-grp>summary{cursor:pointer;list-style:revert}
.vx-rnote{display:block;margin-top:2px}
/* In the grouped review the trainee's decisions stay fully readable (the supervisor is reviewing them). */
.vx-grp .vx-rf.done{opacity:1}
.vx-grp .vx-rf.done b{text-decoration:none}
.vx-rnote b{text-decoration:none!important}
.vx-rf.done .vx-rnote{opacity:1}
/* ---- re-check drop zones (Oct 23 2026) ---- */
.vx-rczone{margin:14px 0;border:2px dashed var(--metal);background:var(--metal-soft)}
.vx-rczone b{font-size:1.02rem}
.vx-rczone.busy{opacity:.7;pointer-events:none}
#qcOut.vx-rcdrag .vx-rczone{box-shadow:inset 0 0 0 2px var(--metal),0 20px 50px var(--shade)}