/*  VOLURR — Performance Review overlay  ·  perf.css  (scoped under #perfrev) */
#perfrev{position:fixed;inset:0;z-index:var(--z-overlay,1000);display:none;background:rgba(4,6,11,.62);backdrop-filter:blur(4px) saturate(120%);padding:6vh 14px;overflow:auto}
#perfrev.on{display:block;animation:pvf .14s ease}
@keyframes pvf{from{opacity:0}to{opacity:1}}
html[data-theme="light"] #perfrev{background:rgba(20,25,40,.36)}
#perfrev .pv-panel{width:min(560px,100%);max-height:86vh;margin-inline:auto;display:flex;flex-direction:column;background:var(--cardgrad),var(--card);border:1px solid var(--line);border-radius:var(--rad-lg,14px);box-shadow:var(--el-4,0 20px 60px rgba(0,0,0,.5));overflow:hidden;animation:pvp .18s cubic-bezier(.2,.9,.3,1)}
@keyframes pvp{from{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}
#perfrev .pv-panel:focus{outline:none}
#perfrev .pv-top{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);background:radial-gradient(120% 150% at 0 0,color-mix(in srgb,var(--gold,#e23b3b) 12%,transparent),transparent 60%)}
#perfrev .pv-top h2{font-size:16px;font-weight:900;color:var(--txt)}
#perfrev .pv-x{margin-inline-start:auto;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--card2);color:var(--txt2);cursor:pointer;font-size:15px}
#perfrev .pv-x:hover{color:var(--down);border-color:var(--down)}
#perfrev .pv-tabs{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
#perfrev .pv-tab{background:var(--card2);border:1px solid var(--line);color:var(--muted);font:inherit;font-size:11px;font-weight:700;padding:5px 13px;border-radius:var(--rad-pill,999px);cursor:pointer;transition:.13s}
#perfrev .pv-tab:hover{color:var(--txt)}
#perfrev .pv-tab.on{background:var(--brand,#e23b3b);color:#fff;border-color:transparent}
#perfrev .pv-body{padding:16px;overflow-y:auto;scrollbar-width:thin}
#perfrev .pv-net{text-align:center;margin-bottom:14px}
#perfrev .pv-netv{font-size:34px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
#perfrev .pv-netl{font-size:11px;color:var(--muted);margin-top:5px}
#perfrev .pv-cmp{display:inline-block;margin-top:6px;font-size:11px;font-weight:800;padding:2px 9px;border-radius:8px}
#perfrev .pv-cmp.up{color:var(--up);background:color-mix(in srgb,var(--up) 12%,transparent)}
#perfrev .pv-cmp.down{color:var(--down);background:color-mix(in srgb,var(--down) 12%,transparent)}
#perfrev .pv-bars{position:relative;display:flex;align-items:stretch;gap:3px;height:64px;padding:0 2px;border:1px solid var(--line);border-radius:10px;background:var(--card2)}
#perfrev .pv-zero{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}
#perfrev .pv-bar{position:relative;flex:1;min-width:0}
#perfrev .pv-bar i{position:absolute;left:15%;right:15%;border-radius:2px;min-height:2px}
#perfrev .pv-bar i.up{background:var(--up)} #perfrev .pv-bar i.down{background:var(--down)}
#perfrev .pv-barslb{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;text-align:center;margin:5px 0 13px}
#perfrev .pv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}
#perfrev .pv-stat{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:9px 6px;text-align:center}
#perfrev .pv-stat span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
#perfrev .pv-stat b{font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}
#perfrev .pv-stat b.up{color:var(--up)} #perfrev .pv-stat b.down{color:var(--down)}
#perfrev .pv-review{background:radial-gradient(120% 130% at 100% 0,color-mix(in srgb,var(--gold,#e23b3b) 9%,transparent),transparent 60%),var(--card2);border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin-bottom:11px}
#perfrev .pv-rh{font-size:11px;font-weight:800;color:var(--gold,#e23b3b);margin-bottom:5px}
#perfrev .pv-rb{font-size:12.5px;line-height:1.65;color:var(--txt)}
#perfrev .pv-note{font-size:9px;color:var(--muted);text-align:center;line-height:1.5}
#perfrev .pv-empty{text-align:center;padding:30px 14px;color:var(--muted)}
#perfrev .pv-eico{font-size:38px;margin-bottom:10px}
#perfrev .pv-empty>div:nth-child(2){font-size:14px;color:var(--txt);font-weight:600}
#perfrev .pv-esub{font-size:11px;margin-top:6px}
@media (prefers-reduced-motion:reduce){#perfrev.on,#perfrev .pv-panel{animation:none}}