/* Veritura app prototype, uses tokens from site.css */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(700px 400px at 80% -10%,rgba(46,114,210,.1),transparent 60%)}
.auth-card{width:100%;max-width:430px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:34px}
.auth-card .blogo{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.auth-card h1{font-size:24px;letter-spacing:-.02em;margin:14px 0 6px}
.auth-card .sub{font-size:14px;color:var(--ink-soft);margin:0 0 22px}
.auth-card label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin:0 0 6px}
.auth-card input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:inherit;font-size:15px}
.auth-card input:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(46,114,210,.12)}
.auth-card .err{color:var(--red);font-size:12.5px;margin-top:8px;display:none}
.auth-card .ok{color:var(--green);font-size:12.5px;margin-top:8px;display:none}
.auth-card .btn{width:100%;justify-content:center;margin-top:18px}
.auth-card .hint{font-size:11.5px;color:var(--mute);margin-top:14px;line-height:1.5}
.auth-card .alt{text-align:center;font-size:13px;color:var(--ink-soft);margin-top:18px}
.auth-card .alt a{color:var(--accent);font-weight:600}

/* app shell */
.appshell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}
.aside{background:var(--navy);color:#cdd9ea;padding:20px 14px;display:flex;flex-direction:column}
.aside .lg{color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;gap:9px;padding:0 8px;margin-bottom:6px}
.aside .ws{font-size:11px;color:#7d92b3;padding:0 8px 16px;border-bottom:1px solid #16273d;margin-bottom:14px}
.aside a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;font-size:13.5px;color:#9db4d6;margin-bottom:2px;cursor:pointer;position:relative}
.aside a svg{width:16px;height:16px}.aside a.on{background:#16273d;color:#fff}.aside a:hover{color:#fff}
.aside a .lock{margin-left:auto;width:13px;height:13px;opacity:.6}
.aside .grow{flex:1}
.aside .upcard{background:#16273d;border:1px solid #22364f;border-radius:12px;padding:14px}
.aside .upcard b{color:#fff;font-size:13px;display:block;margin-bottom:4px}
.aside .upcard p{font-size:11.5px;color:#9db4d6;margin:0 0 10px}
.aside .upcard .btn{width:100%;justify-content:center;font-size:12.5px;padding:8px}

.amain{background:var(--soft);min-height:100vh}
.atop{background:#fff;border-bottom:1px solid var(--line);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}
.atop .ttl{font-weight:700;font-size:16px}
.atop .right{display:flex;align-items:center;gap:14px}
.planpill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 11px;border-radius:20px}
.planpill.free{background:#eef1f6;color:var(--ink-soft)}.planpill.paid{background:#e7f4ec;color:var(--green)}
.quota{font-size:12.5px;color:var(--ink-soft)}.quota b{color:var(--ink)}
.acct{width:34px;height:34px;border-radius:50%;background:var(--panel);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;cursor:pointer}
.acontent{padding:28px}

.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.tile{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px}
.tile .tl{font-size:11px;color:var(--mute);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.tile .tv{font-size:26px;font-weight:700;margin-top:4px}
.panel-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:18px}
.panel-card .ph{padding:14px 18px;border-bottom:1px solid var(--line);font-weight:600;font-size:14px;display:flex;justify-content:space-between;align-items:center}

.empty{text-align:center;padding:36px;color:var(--mute)}
.empty .ei{width:48px;height:48px;border-radius:13px;background:var(--panel);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}

/* run check tool inside app */
.checktool{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;max-width:620px}
.dz{border:2px dashed #c6d4e8;border-radius:12px;background:var(--soft);padding:26px;text-align:center;margin-bottom:14px}
.dz h4{margin:8px 0 4px;font-size:15px}.dz p{margin:0;font-size:13px;color:var(--mute)}

/* locked / paywall */
.lockrow{filter:blur(4px);opacity:.5;pointer-events:none}
.paywall{position:fixed;inset:0;background:rgba(7,17,31,.55);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:50;padding:20px}
.paywall.show{display:flex}
.pw-card{background:#fff;border-radius:18px;max-width:440px;width:100%;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.5)}
.pw-card .pwh{background:var(--navy);color:#fff;padding:22px 26px;position:relative;overflow:hidden}
.pw-card .pwh::after{content:"";position:absolute;inset:0;background:radial-gradient(300px 180px at 85% -20%,rgba(46,114,210,.35),transparent 60%)}
.pw-card .pwh>*{position:relative}
.pw-card .pwh .lk{width:42px;height:42px;border-radius:12px;background:#16273d;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.pw-card .pwh h3{margin:0;font-size:20px}.pw-card .pwh p{margin:6px 0 0;color:#9db4d6;font-size:13.5px}
.pw-card .pwb{padding:22px 26px}
.pw-opt{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;cursor:pointer;transition:.18s}
.pw-opt:hover{border-color:var(--accent-2);box-shadow:var(--shadow)}
.pw-opt.feat{border-color:var(--accent);background:#f6fbff}
.pw-opt b{font-size:15px}.pw-opt .pr{float:right;font-weight:700}.pw-opt p{margin:4px 0 0;font-size:12.5px;color:var(--ink-soft)}
.pw-card .close{position:absolute;top:16px;right:18px;color:#9db4d6;cursor:pointer;font-size:20px;z-index:2}

/* operator queue */
.qitem{display:grid;grid-template-columns:1.6fr 1fr 1fr auto;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid #f0f3f8;font-size:13px}
.qitem:last-child{border-bottom:none}
.qitem .pid{font-family:ui-monospace,monospace;font-size:11px;color:var(--mute)}
.stat-pill{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:20px}
.stat-pill.draft{background:#eef1f6;color:var(--ink-soft)}.stat-pill.review{background:#eaf1fb;color:var(--accent)}.stat-pill.qa{background:#f8efdd;color:var(--amber)}.stat-pill.done{background:#e7f4ec;color:var(--green)}
.logbar{font-size:11.5px;color:var(--amber);background:#fbf3e2;border:1px solid #f0dcb4;border-radius:8px;padding:8px 12px;margin-bottom:16px;display:flex;gap:8px;align-items:center}

/* ===== elite polish ===== */
.auth-wrap{background:radial-gradient(820px 500px at 80% -10%,rgba(46,114,210,.12),transparent 60%),radial-gradient(520px 400px at 4% 110%,rgba(14,107,98,.06),transparent 60%)}

/* split-screen auth */
.auth-split{display:grid;grid-template-columns:1.04fr .96fr;min-height:100vh}
.auth-left{display:flex;align-items:center;justify-content:center;padding:40px 32px}
.auth-left .auth-card{box-shadow:none;border:none;max-width:400px;padding:0}
.auth-right{background:var(--navy);color:#fff;padding:64px 56px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.auth-right::before{content:"";position:absolute;inset:0;background:radial-gradient(620px 380px at 82% -10%,rgba(46,114,210,.3),transparent 60%),radial-gradient(440px 320px at 8% 112%,rgba(14,107,98,.18),transparent 60%)}
.auth-right::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(600px 460px at 76% 12%,#000,transparent 72%)}
.auth-right .in{position:relative;z-index:1;max-width:430px}
.auth-right .eyb{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7fa8e6;margin-bottom:16px}
.auth-right h2{font-size:33px;letter-spacing:-.02em;line-height:1.14;font-weight:700;margin:0 0 26px}
.auth-right h2 span{background:linear-gradient(96deg,#5b9bf0,#3fbfaf);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-right .pt{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;font-size:14.5px;color:#cdd9ea}
.auth-right .pt svg{width:20px;height:20px;color:#54d18f;flex:none;margin-top:1px}

/* dashboard depth + interactions */
.aside{background:linear-gradient(180deg,#0a1626,#07111F)}
.aside a{transition:color .15s,background .15s}
.aside a.on{position:relative}
.aside a.on::before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#5b9bf0}
.atop{box-shadow:0 1px 0 var(--line)}
.tile{transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,border-color .2s;box-shadow:var(--shadow-sm)}
.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#d3deef}
.checktool,.panel-card{box-shadow:var(--shadow-sm)}
.acct{transition:background .15s}.acct:hover{background:#e3ecf8}
.dz{transition:border-color .2s,background .2s}.dz:hover{border-color:var(--accent-2);background:#fff}
.welcome{margin-bottom:20px}
.welcome h2{font-size:24px;letter-spacing:-.02em;margin:0 0 4px;font-weight:700}
.welcome p{margin:0;font-size:14px;color:var(--ink-soft)}
.pw-opt{transition:border-color .18s,box-shadow .18s,transform .18s}.pw-opt:hover{transform:translateY(-1px)}

@media(max-width:880px){
  .appshell{grid-template-columns:1fr}.aside{display:none}.tiles{grid-template-columns:1fr 1fr}.qitem{grid-template-columns:1fr 1fr}
  .auth-split{grid-template-columns:1fr}.auth-right{display:none}
  .auth-left .auth-card{max-width:430px;padding:34px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
}

/* ===== app + operator elite pass ===== */
.amain{position:relative}
.amain::before{content:"";position:absolute;top:0;left:0;right:0;height:440px;background:radial-gradient(660px 360px at 84% -30%,rgba(46,114,210,.07),transparent 60%);pointer-events:none;z-index:0}
.acontent,.atop{position:relative;z-index:1}
.tile,.checktool,.qitem,.pw-opt{transform-style:preserve-3d;will-change:transform}
.checktool{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.welcome h2{letter-spacing:-.025em}
.qitem{transition:background .15s,transform .2s cubic-bezier(.2,.7,.2,1)}
.qitem:hover{background:#fafcff}
.aside .upcard{box-shadow:0 12px 28px -16px rgba(0,0,0,.6)}
/* paywall scale-in */
.pw-card{transform:scale(.95) translateY(8px);opacity:0;transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .28s}
.paywall.show .pw-card{transform:scale(1) translateY(0);opacity:1}

/* ===== motion: staggered entrance ===== */
@keyframes rise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
.acontent>*{animation:rise .55s cubic-bezier(.2,.7,.2,1) both}
.acontent>*:nth-child(1){animation-delay:.02s}
.acontent>*:nth-child(2){animation-delay:.08s}
.acontent>*:nth-child(3){animation-delay:.14s}
.acontent>*:nth-child(4){animation-delay:.2s}
.acontent>*:nth-child(5){animation-delay:.26s}
.acontent>*:nth-child(6){animation-delay:.32s}
.acontent>*:nth-child(7){animation-delay:.38s}

/* ===== live cross-vendor signals ticker ===== */
.tickerbar{display:flex;align-items:center;gap:16px;background:linear-gradient(180deg,#0a1626,#07111F);color:#cdd9ea;border:1px solid #16273d;border-radius:12px;padding:11px 16px;margin-bottom:18px;overflow:hidden;font-size:12.5px}
.tk-l{color:#7fa8e6;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:8px;flex:none}
.tk-l::before{content:"";width:7px;height:7px;border-radius:50%;background:#54d18f;animation:tkpulse 2s infinite}
@keyframes tkpulse{0%{box-shadow:0 0 0 0 rgba(84,209,143,.55)}70%{box-shadow:0 0 0 8px rgba(84,209,143,0)}100%{box-shadow:0 0 0 0 rgba(84,209,143,0)}}
.tk-win{overflow:hidden;flex:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tk-track{display:flex;gap:38px;white-space:nowrap;width:max-content;animation:tkscroll 30s linear infinite}
.tk-track span{color:#9db4d6}.tk-track b{color:#e6eefb;font-weight:600}
@keyframes tkscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tickerbar:hover .tk-track{animation-play-state:paused}

/* ===== supplier table (paid workspace) ===== */
.srow{display:grid;grid-template-columns:1.7fr .7fr 1.1fr .8fr;gap:14px;align-items:center;padding:13px 18px;border-bottom:1px solid #f0f3f8;font-size:13px;transition:background .15s}
.srow:last-child{border-bottom:none}
.srow:not(.shead):hover{background:#fafcff}
.srow .sn{font-weight:600}.srow .sd{font-size:11px;color:var(--mute);font-family:ui-monospace,monospace}
.shead{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);font-weight:700;background:#fafbfd}
.sc{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:25px;border-radius:7px;font-weight:700;font-size:12.5px}
.sc.hi{background:#e7f4ec;color:var(--green)}.sc.mid{background:#f8efdd;color:var(--amber)}.sc.lo{background:#fdecec;color:var(--red)}
.pp{font-size:11px;font-weight:600;padding:3px 11px;border-radius:20px;display:inline-block}
.pp.ok{background:#e7f4ec;color:var(--green)}.pp.warn{background:#f8efdd;color:var(--amber)}.pp.bad{background:#fdecec;color:var(--red)}.pp.mon{background:#eaf1fb;color:var(--accent)}
.sig{font-size:12px;color:var(--ink-soft)}.sig b{color:var(--ink)}
.alert-row{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #f0f3f8;font-size:13px}
.alert-row:last-child{border-bottom:none}
.alert-row .ad{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none}
.alert-row .ad.r{background:#fdecec;color:var(--red)}.alert-row .ad.a{background:#f8efdd;color:var(--amber)}
.alert-row .at{font-size:11px;color:var(--mute);margin-left:auto;white-space:nowrap}

/* ===== operator: dark ops console ===== */
#opconsole{background:#0a1422;min-height:100vh;color:#dbe6f5}
#opconsole .atop{background:#0c1a2e;border-bottom:1px solid #1a2c44;box-shadow:none}
#opconsole .atop .ttl{color:#fff}
#opconsole .tile{background:#0e1f36;border-color:#1c3150;color:#eaf1fb;box-shadow:0 10px 26px -18px rgba(0,0,0,.8)}
#opconsole .tile .tl{color:#7d97bd}
#opconsole .tile:hover{transform:translateY(-2px);box-shadow:0 16px 30px -16px rgba(0,0,0,.9);border-color:#2a4366}
#opconsole .panel-card{background:#0e1f36;border-color:#1c3150;box-shadow:0 12px 30px -22px rgba(0,0,0,.9)}
#opconsole .panel-card .ph{border-color:#1c3150;color:#eaf1fb}
#opconsole .panel-card .ph .sub,#opconsole .panel-card .ph span{color:#6f88ad!important}
#opconsole .qitem{border-color:#16273d}
#opconsole .qitem b{color:#eaf1fb}
#opconsole .qitem:hover{background:#12243d}
#opconsole .pid{color:#6f88ad}
#opconsole .btn-ghost{background:#13243d;border-color:#27425f;color:#cdd9ea}
#opconsole .btn-ghost:hover{background:#1a2f4c;color:#fff}
#opconsole .logbar{background:#2a210e;border-color:#5a4a1e;color:#e7c96b}
#opconsole a{color:#7fb0f0}
/* operator drill-down */
.opdetail .adgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#1c3150}
.opdetail .adstat{background:#0e1f36;padding:14px 18px}
.opdetail .adstat .tl{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#7d97bd;font-weight:700}
.opdetail .adstat .tv{font-size:18px;font-weight:700;color:#eaf1fb;margin-top:3px}
.opdetail .adrecent{padding:14px 18px;font-size:12.5px;color:#9db4d6;border-top:1px solid #1c3150}
.opdetail .adrecent div{padding:4px 0;color:#b9c9e0}
/* live queue: new row + toast */
.qitem.qnew{animation:qslide .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes qslide{from{opacity:0;transform:translateY(-10px);background:#13314e}to{opacity:1;transform:none}}
.optoast{position:fixed;right:22px;bottom:22px;background:#0e1f36;border:1px solid #27425f;color:#eaf1fb;border-radius:12px;padding:13px 16px;font-size:13px;display:flex;align-items:center;gap:10px;box-shadow:0 20px 50px -16px rgba(0,0,0,.8);transform:translateY(16px);opacity:0;transition:.3s cubic-bezier(.2,.7,.2,1);z-index:60}
.optoast.show{transform:none;opacity:1}
.optoast .dot{width:8px;height:8px;border-radius:50%;background:#54d18f;flex:none}

/* ===== real brand mark sizing ===== */
.vbrand{flex:none;display:block}
.aside .lg .vbrand{width:23px;height:27px}
#opconsole .atop .ttl .vbrand{width:21px;height:25px}
.auth-card .blogo .vbrand{width:30px;height:35px}
.pw-card .pwh .vbrand{width:26px;height:30px}

/* ===== Stripe-grade hero posture card (paid) ===== */
.herocard{margin-bottom:18px;perspective:1500px}
.hc-3d{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b1a32,#07111F 62%);border:1px solid #182a44;border-radius:18px;padding:24px 26px;color:#e6eefb;box-shadow:0 26px 64px -30px rgba(7,17,31,.85);transition:transform .18s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.hc-3d::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 320px at 90% -12%,rgba(46,114,210,.3),transparent 62%),radial-gradient(400px 280px at 4% 124%,rgba(14,107,98,.18),transparent 60%);pointer-events:none}
.hc-3d::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(460px 320px at 82% 0,#000,transparent 70%);mask-image:radial-gradient(460px 320px at 82% 0,#000,transparent 70%);pointer-events:none}
.hc-glare{position:absolute;inset:0;background:radial-gradient(260px 260px at var(--gx,72%) var(--gy,-10%),rgba(120,170,255,.16),transparent 60%);opacity:0;transition:opacity .25s;pointer-events:none}
.hc-3d:hover .hc-glare{opacity:1}
.hc-head{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.hc-head .t{font-size:13px;font-weight:600;color:#cdd9ea}
.hc-head .live{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#8fb4e8;font-weight:600}
.hc-head .live::before{content:"";width:7px;height:7px;border-radius:50%;background:#54d18f;animation:tkpulse 2s infinite}
.hc-main{position:relative;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center}
.hc-gauge{display:flex;align-items:center;gap:16px;flex:none}
.hc-gauge svg{width:122px;height:122px;flex:none}
.gring-bg{stroke:#1b2f4c;stroke-width:10;fill:none}
.gring{stroke-width:10;fill:none;stroke-linecap:round;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1)}
.gscore{font:700 31px 'IBM Plex Sans',sans-serif;fill:#fff}
.gsub{font:600 8.5px 'IBM Plex Sans',sans-serif;fill:#7d97bd;letter-spacing:.1em}
.hc-glab{font-size:13px;color:#9db4d6;line-height:1.5;max-width:130px}
.hc-glab b{color:#eef4fb;font-weight:600}
.hc-spark{position:relative;min-width:0}
.hc-sl{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#7d97bd;font-weight:600;margin-bottom:6px}
.hc-sl .up{color:#54d18f;text-transform:none;letter-spacing:0}
.spark{width:100%;height:76px;display:block;overflow:visible}
.spark-line{fill:none;stroke:#5b9bf0;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 8px rgba(91,155,240,.4))}
.spark-area{stroke:none}
.spark-dot{fill:#fff;stroke:#5b9bf0;stroke-width:2.4}
.hc-foot{position:relative;display:flex;gap:30px;margin-top:20px;padding-top:18px;border-top:1px solid #182a44}
.hc-mini .v{font-size:21px;font-weight:700;color:#fff;line-height:1}
.hc-mini .l{font-size:11px;color:#7d97bd;margin-top:5px}
.hc-mini .v.g{color:#54d18f}.hc-mini .v.a{color:#f2c14e}.hc-mini .v.r{color:#f0816f}

/* ===== segmented control ===== */
.panel-card .ph .seg{display:inline-flex;background:#eef1f6;border-radius:9px;padding:3px;gap:2px}
.seg button{border:none;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--ink-soft);padding:5px 12px;border-radius:7px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.seg button.on{background:#fff;color:var(--accent);box-shadow:var(--shadow-sm)}
.srow{transition:background .15s,opacity .25s,transform .25s}
.srow.hide{display:none}
.srow .sopen{opacity:0;font-size:11px;color:var(--accent);font-weight:600;cursor:pointer;transition:opacity .15s;justify-self:end}
.srow:hover .sopen{opacity:1}

/* refined craft */
.tile{border-radius:14px}.panel-card{border-radius:16px}
.checktool{border-radius:16px}

@media(max-width:980px){
  .hc-main{grid-template-columns:1fr;gap:22px}
}
@media(max-width:880px){
  .srow{grid-template-columns:1.4fr .6fr;gap:8px}.srow .scol-hide{display:none}
  .opdetail .adgrid{grid-template-columns:1fr 1fr}
  .tickerbar{display:none}
}
@media (prefers-reduced-motion: reduce){
  .acontent>*,.qitem.qnew{animation:none}
  .tk-track{animation:none}
  .gring{transition:none}
}

/* ===== multi-mode check console ===== */
.cc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
.facchip{font-size:11px;font-weight:600;color:var(--accent);background:#eaf1fb;border:1px solid #d6e4f7;border-radius:20px;padding:5px 11px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;flex:none}
.facchip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.cc-intake .dz{cursor:pointer;margin-bottom:0}
.smartnote{font-size:11.5px;color:var(--accent);background:#f6fbff;border:1px solid #d6e4f7;border-radius:8px;padding:8px 11px;margin-top:8px;display:none}
.cc-or{display:flex;align-items:center;gap:12px;color:var(--mute);font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:600;margin:16px 0}
.cc-or::before,.cc-or::after{content:"";flex:1;height:1px;background:var(--line)}
.cc-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
.ccm{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 9px;font:inherit;font-size:12px;font-weight:600;color:var(--ink-soft);cursor:pointer;text-align:center;transition:.15s;line-height:1.25}
.ccm:hover{border-color:var(--accent-2);color:var(--ink)}
.ccm.on{border-color:var(--accent);background:#f6fbff;color:var(--accent);box-shadow:var(--shadow-sm)}
.ccm .lk{display:inline-block;margin-left:3px;opacity:.6}
.ccpanel{display:none}.ccpanel.on{display:block;animation:rise .4s cubic-bezier(.2,.7,.2,1) both}
.ccdesc{font-size:13px;color:var(--ink-soft);line-height:1.55;margin:0 0 14px}.ccdesc b{color:var(--ink)}
.cclab{display:block;font-size:12px;font-weight:600;color:var(--ink-soft);margin:0 0 6px}
.ccinput,.fda-form input,.auth-card select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 13px;font:inherit;font-size:14px;background:#fff}
.ccinput:focus,.fda-form input:focus,.auth-card select:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(46,114,210,.12)}
.fda-form{display:grid;gap:9px}
.onboard{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ob-head{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;background:#fafbfd;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:600}
.ob-score b{color:var(--accent);font-size:15px}
.ob-item{display:flex;align-items:center;gap:11px;padding:11px 15px;border-bottom:1px solid #f0f3f8;font-size:13.5px;cursor:pointer;transition:background .12s}
.ob-item:last-child{border-bottom:none}.ob-item:hover{background:#fafcff}
.ob-box{width:20px;height:20px;border-radius:6px;border:2px solid #c6d4e8;flex:none;display:flex;align-items:center;justify-content:center;transition:.15s}
.ob-item.have .ob-box{background:var(--green);border-color:var(--green)}
.ob-box svg{width:12px;height:12px;opacity:0;color:#fff}.ob-item.have .ob-box svg{opacity:1}
.ob-name{transition:color .15s}.ob-item.have .ob-name{color:var(--ink-soft)}
.ob-tag{margin-left:auto;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:20px}
.ob-item.have .ob-tag{background:#e7f4ec;color:var(--green)}.ob-item.miss .ob-tag{background:#fdecec;color:var(--red)}
.ccres{margin-top:14px;border-radius:12px;padding:16px;border:1px solid var(--line)}
.ccres.ok{background:#f1faf4;border-color:#cfe8d8}.ccres.warn{background:#fdf6ec;border-color:#f0dcb4}.ccres.bad{background:#fdf0ef;border-color:#f3cfcb}
.ccsig{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px dashed rgba(0,0,0,.08);font-size:13px}
.ccsig:first-of-type{border-top:none}
.ccsig .si{width:22px;height:22px;border-radius:6px;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.ccsig .si.g{background:#e7f4ec;color:var(--green)}.ccsig .si.a{background:#f8efdd;color:var(--amber)}.ccsig .si.r{background:#fdecec;color:var(--red)}
.passcard{background:linear-gradient(135deg,#0b1a32,#07111F);color:#e6eefb;border-radius:14px;padding:20px;position:relative;overflow:hidden}
.passcard::before{content:"";position:absolute;inset:0;background:radial-gradient(360px 200px at 88% -20%,rgba(46,114,210,.3),transparent 60%);pointer-events:none}
.passcard>*{position:relative}
.passcard .pid{font-family:ui-monospace,monospace;font-size:12px;color:#7fa8e6}
.passcard h4{margin:6px 0 4px;font-size:17px}
.passhash{font-family:ui-monospace,monospace;font-size:11px;color:#9db4d6;background:rgba(255,255,255,.05);border:1px solid #1c3150;border-radius:7px;padding:8px 10px;margin-top:12px;word-break:break-all}
@media(max-width:680px){.cc-modes{grid-template-columns:1fr 1fr}}

/* ===== elite intake value-back ===== */
.ix{margin-top:4px}
.ix-sec{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);font-weight:800;margin:16px 0 8px;display:flex;align-items:baseline;gap:7px}
.ix-cov{font-size:11.5px;font-weight:600;color:var(--ink-soft);letter-spacing:0;text-transform:none}
.ix-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ix-f{display:flex;flex-direction:column;gap:4px}
.ix-f label{font-size:11px;color:var(--mute);font-weight:600;display:flex;align-items:center;gap:6px}
.ix-f .ex{font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:#0f6b48;background:#e7f6ee;border:1px solid #bfe6cf;border-radius:20px;padding:1px 6px;font-weight:700}
.ix-f input{padding:8px 10px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:13px;background:#fff;color:var(--ink)}
.ix-f input:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(46,114,210,.12)}
.ix-blocks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:16px}
.ix-bl{border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#fff}
.ix-bl h5{margin:0 0 7px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:6px}
.ix-bl.ok h5{color:#0f6b48}.ix-bl.warn h5{color:#8a5a12}.ix-bl.sig h5{color:var(--accent)}
.ix-bl ul{margin:0;padding:0;list-style:none}
.ix-bl li{font-size:12px;color:var(--ink-soft);padding:3px 0;line-height:1.45}
.ix-cta{margin-top:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
@media(max-width:720px){.ix-grid{grid-template-columns:1fr}.ix-blocks{grid-template-columns:1fr}}

/* ===== protection dashboard header ===== */
.prot{margin:0 0 16px}
.prot-tiles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}
.prot-t{border:1px solid var(--line);border-radius:13px;padding:14px 16px;background:#fff}
.prot-t .pt-l{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);font-weight:700}
.prot-t .pt-v{font-size:30px;font-weight:800;line-height:1.1;margin:4px 0 2px;color:var(--ink)}
.prot-t .pt-s{font-size:11.5px;color:var(--ink-soft)}
.prot-t.ok{border-color:#cfe8d8}.prot-t.ok .pt-v{color:#0f6b48}
.prot-t.risk{border-color:#f0c9c4;background:#fdf4f3}.prot-t.risk .pt-v{color:#c0392b}
.prot-t.proof .pt-v{color:var(--accent)}
.prot-risk{margin-top:11px;border:1px solid #f0dcb4;background:#fdf8ee;border-radius:12px;padding:12px 15px}
.prot-risk .pr-h{font-size:12px;font-weight:800;color:#8a5a12;margin-bottom:7px}
.prot-risk .pr-row{font-size:12.5px;color:var(--ink-soft);padding:3px 0;display:flex;align-items:center;gap:8px}
.prot-risk .pr-row b{color:var(--ink)}
.pr-dot{width:8px;height:8px;border-radius:50%;flex:none}.pr-dot.r{background:#c0392b}.pr-dot.a{background:#d8a23a}
.prot-clear{margin-top:11px;font-size:12.5px;color:var(--ink-soft);background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 15px}
@media(max-width:720px){.prot-tiles{grid-template-columns:1fr}}

/* ===== refined sidebar nav ===== */
.aside{padding:16px 12px}
.wsswitch{display:flex;align-items:center;gap:10px;width:100%;background:#0e1f36;border:1px solid #1c3150;border-radius:12px;padding:9px 10px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;margin-bottom:14px}
.wsswitch:hover{background:#12243d;border-color:#2a4366}
.wsmark{flex:none;display:flex;align-items:center}.wsmark .vbrand{width:22px;height:26px}
.wsmeta{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.2}
.wsmeta b{font-size:13.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsmeta i{font-size:10.5px;color:#7d92b3;font-style:normal;margin-top:1px}
.wschev{width:15px;height:15px;color:#6f88ad;flex:none}
.navlabel{font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#5f7798;padding:0 11px;margin:0 0 6px}
.navlabel + a{margin-top:0}
.aside a{padding:9px 11px;font-size:13.5px;font-weight:500;border-radius:10px;gap:11px;transition:background .15s,color .15s}
.aside a:hover{background:#0e1f36;color:#fff}
.aside a.on{background:#142a47;color:#fff;font-weight:600}
.aside a .lock{opacity:.45}
.aside .navlabel:nth-of-type(2){margin-top:16px}
.acctrow{display:flex;align-items:center;gap:10px;padding:10px 8px 4px;border-top:1px solid #16273d;margin-top:12px}
.acctav2{width:32px;height:32px;border-radius:9px;background:#16304f;color:#9fc6f0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}
.acctinfo{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}
.acctinfo b{font-size:12.5px;color:#e6eefb;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acctinfo i{font-size:10.5px;color:#7d92b3;font-style:normal}
.acctsign{background:none;border:none;color:#7d92b3;cursor:pointer;padding:7px;border-radius:8px;flex:none;display:flex}
.acctsign svg{width:16px;height:16px}
.acctsign:hover{background:#16273d;color:#fff}

/* ===== view system + dashboard pages ===== */
.acontent>.view{animation:none}
.view{display:none}
.view.on{display:block;animation:rise .42s cubic-bezier(.2,.7,.2,1) both}
.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.pagehead h2{font-size:25px;letter-spacing:-.025em;margin:0 0 4px;font-weight:700;line-height:1.1}
.ph-sub{font-size:14px;color:var(--ink-soft);margin:0;max-width:580px;line-height:1.5}
.locked-view{text-align:center;max-width:460px;margin:26px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:40px 32px;box-shadow:var(--shadow-sm)}
.locked-view .lv-ic{width:54px;height:54px;border-radius:15px;background:var(--panel);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.locked-view .lv-ic svg{width:26px;height:26px}
.locked-view h3{font-size:19px;margin:0 0 8px;letter-spacing:-.01em}
.locked-view p{font-size:14px;color:var(--ink-soft);line-height:1.55;margin:0 0 20px}
/* reports table */
.rtbl{display:grid;grid-template-columns:1.2fr 1.3fr .8fr 1fr .7fr auto;gap:14px;align-items:center;padding:13px 18px;border-bottom:1px solid #f0f3f8;font-size:13px;transition:background .15s}
.rtbl:last-child{border-bottom:none}.rtbl:not(.rthead):hover{background:#fafcff}
.rthead{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);font-weight:700;background:#fafbfd}
.rtbl .rid{font-family:ui-monospace,monospace;font-size:12px;color:var(--ink)}
.rtbl .rdl{color:var(--accent);font-weight:600;cursor:pointer;justify-self:end;font-size:12.5px;display:inline-flex;align-items:center;gap:5px}
.rtbl .rdl:hover{text-decoration:underline}
/* settings */
.setgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px}
.setcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm)}
.setcard h4{margin:0 0 14px;font-size:15px;font-weight:700}
.setrow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid #f3f6fa;font-size:13.5px}
.setrow:last-of-type{border-bottom:none}.setrow>span{color:var(--ink-soft)}.setrow b{font-weight:600;text-align:right}
.setsel{border:1px solid var(--line);border-radius:8px;padding:6px 10px;font:inherit;font-size:13px;background:#fff;max-width:230px}
.setnote{font-size:12px;color:var(--mute);margin:12px 0 0;line-height:1.45}
.teamrow{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;background:var(--soft);border-radius:10px}
.teamrow .acctav2{background:var(--panel);color:var(--accent)}
.teamrow .acctinfo b{color:var(--ink)}.teamrow .acctinfo i{color:var(--mute)}
/* passport list + recent activity */
.passlist{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.actrow{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #f0f3f8;font-size:13px}
.actrow:last-child{border-bottom:none}
.actrow .ai{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none;font-weight:700;font-size:13px}
.actrow .at{margin-left:auto;font-size:11.5px;color:var(--mute);white-space:nowrap}
.emptybox{text-align:center;padding:38px 24px}
.emptybox .eb-ic{width:46px;height:46px;border-radius:12px;background:var(--panel);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.emptybox .eb-ic svg{width:22px;height:22px}
.emptybox p{font-size:13.5px;color:var(--ink-soft);max-width:360px;margin:0 auto;line-height:1.5}

/* ===== elite polish pass (app + operator) ===== */
.tile .tv,#opconsole .ostat .ov,.hc-mini .v,.gscore,.sc,.rtbl .rid,.pcard .amt,.ob-score b,#opconsole .oqcount{font-variant-numeric:tabular-nums}
.aside a,.ccm,.seg button,.srow,.qitem,.oqitem,.rv-doc,.pw-opt{transition:all .15s cubic-bezier(.2,.7,.2,1)}
.welcome h2,.pagehead h2{letter-spacing:-.028em}
.acontent{padding:30px 30px 42px}
.panel-card,.checktool{border-color:#e7ecf4}
.tile:hover,#opconsole .tile:hover{box-shadow:var(--shadow)}

/* ===== bold elite pass: dashboard + operator ===== */
/* dashboard hero card, stronger glow + gauge shimmer */
.hc-3d{box-shadow:0 32px 84px -34px rgba(7,17,31,.92),0 0 0 1px #182a44}
.hc-3d::before{background:radial-gradient(600px 360px at 90% -12%,rgba(46,114,210,.4),transparent 62%),radial-gradient(420px 300px at 4% 124%,rgba(14,107,98,.22),transparent 60%)}
.gring{filter:drop-shadow(0 0 7px rgba(91,155,240,.55))}
.spark-line{filter:drop-shadow(0 4px 10px rgba(91,155,240,.5))}
/* tiles, gradient top-accent on hover */
.tile{position:relative;overflow:hidden}
.tile::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#2E72D2,#0E6B62);opacity:0;transition:opacity .2s}
.tile:hover::after{opacity:1}
/* check console, gradient active mode tab */
.ccm.on{border-color:transparent;background:linear-gradient(180deg,#f6fbff,#edf4ff);box-shadow:inset 0 0 0 1.5px var(--accent),var(--shadow-sm)}
/* operator, command-center depth */
#opconsole{background:radial-gradient(900px 520px at 86% -12%,rgba(46,114,210,.12),transparent 60%),#0a1422}
#opconsole::before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;pointer-events:none;z-index:0}
.optop,.opstats,.opwork,#opconsole>div{position:relative;z-index:1}
.ostat{background:linear-gradient(180deg,#102339,#0c1a2e)}
.ostat .ov{background:linear-gradient(180deg,#fff,#bcd2ef);-webkit-background-clip:text;background-clip:text;color:transparent}
.oqitem.on{background:linear-gradient(90deg,#142c4f,#0e1f36)}
.opreview{background:linear-gradient(180deg,#102339,#0e1f36);box-shadow:0 26px 64px -30px rgba(0,0,0,.92)}
.rv-sup{background:linear-gradient(96deg,#f2f7ff,#a9ccf2);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:760px){.setgrid,.passlist{grid-template-columns:1fr}.rtbl .rcol-hide{display:none}.rtbl{grid-template-columns:1.2fr 1.3fr 1fr auto}}

/* ===== operator review workspace ===== */
.opbody{background:#0a1422;margin:0}
#opconsole{min-height:100vh;color:#dbe6f5;padding:0 0 30px}
.optop{display:flex;align-items:center;justify-content:space-between;padding:14px 26px;background:#0c1a2e;border-bottom:1px solid #1a2c44;position:sticky;top:0;z-index:10}
.optop .ttl{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:#fff}
.optop .ttl .vbrand{width:21px;height:25px}
.optop .right{display:flex;align-items:center;gap:12px}
#opconsole .planpill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 11px;border-radius:20px}
#opconsole .btn-ghost{background:#13243d;border-color:#27425f;color:#cdd9ea}
#opconsole .btn-ghost:hover{background:#1a2f4c;color:#fff}
#opconsole .btn-primary{background:#1f6feb;border:none}
.opstats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px 26px 6px}
.ostat{background:#0e1f36;border:1px solid #1c3150;border-radius:13px;padding:15px 17px}
.ostat .ol{font-size:11px;color:#7d97bd;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.ostat .ov{font-size:26px;font-weight:700;color:#fff;margin-top:4px}
.opwork{display:grid;grid-template-columns:330px 1fr;gap:16px;padding:16px 26px 0;align-items:start}
.opqueue{background:#0e1f36;border:1px solid #1c3150;border-radius:14px;overflow:hidden;position:sticky;top:78px}
.oqhead{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #1c3150;font-weight:600;font-size:14px;color:#eaf1fb}
.oqcount{font-size:11.5px;color:#6f88ad;font-weight:500}
.oqfilter{display:flex;gap:3px;padding:10px 12px;border-bottom:1px solid #1c3150}
.oqfilter button{flex:1;background:none;border:none;font:inherit;font-size:11.5px;font-weight:600;color:#7d97bd;padding:6px 8px;border-radius:7px;cursor:pointer;transition:.15s}
.oqfilter button.on{background:#16304f;color:#fff}
.oqgroup{border-bottom:1px solid #16273d}.oqgroup:last-child{border-bottom:none}
.oqg-h{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6f88ad;padding:12px 16px 6px}
.oqg-h span{color:#56739a;margin-left:4px}
.oqitem{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;border-left:2px solid transparent;padding:10px 16px;cursor:pointer;text-align:left;transition:background .12s}
.oqitem:hover{background:#12243d}
.oqitem.on{background:#13294a;border-left-color:#5b9bf0}
.oq-dot{width:8px;height:8px;border-radius:50%;flex:none}
.oq-dot.r{background:#f0816f}.oq-dot.a{background:#f2c14e}.oq-dot.g{background:#54d18f}
.oq-body{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}
.oq-body b{font-size:13px;color:#eaf1fb;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oq-body i{font-size:11px;color:#7d97bd;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#opconsole .stat-pill{font-size:9.5px;font-weight:700;padding:3px 7px;border-radius:20px;flex:none}
#opconsole .stat-pill.review{background:#1c3150;color:#7fb0f0}#opconsole .stat-pill.qa{background:#3a2f12;color:#f2c14e}#opconsole .stat-pill.done{background:#143524;color:#54d18f}
.oqempty{padding:24px 16px;color:#6f88ad;font-size:12.5px;text-align:center}
.opreview{background:#0e1f36;border:1px solid #1c3150;border-radius:14px;min-height:520px}
.oempty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:520px;color:#5f7798;gap:14px;text-align:center;font-size:13px}
.oempty svg{width:42px;height:42px;opacity:.45}
#oReview{padding:22px 24px}
.rv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:16px;border-bottom:1px solid #1c3150}
.rv-sup{font-size:19px;font-weight:700;color:#fff;letter-spacing:-.01em}
.rv-meta{font-size:12.5px;color:#7d97bd;margin-top:3px}.rv-meta .mono{font-family:ui-monospace,monospace}
.rv-score{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #1c3150}
.rv-score .sc{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-weight:700}
.rv-pl{font-size:11px;color:#7d97bd;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.rv-ps{font-size:14px;color:#eaf1fb;font-weight:600;margin-top:2px}
.rv-sub{margin-left:auto;font-size:11.5px;color:#6f88ad}
.rv-sec{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#7d97bd;margin:20px 0 11px;display:flex;align-items:center;gap:8px}
.rv-sec span{background:#16304f;color:#9fc6f0;border-radius:20px;padding:1px 8px;font-size:10.5px}
.rv-sec em{font-style:normal;text-transform:none;letter-spacing:0;color:#6f88ad;font-weight:500;font-size:11px}
.rv-docs{display:flex;flex-wrap:wrap;gap:8px}
.rv-doc{display:inline-flex;align-items:center;gap:6px;background:#13243d;border:1px solid #27425f;border-radius:9px;padding:8px 11px;font-size:12.5px;color:#cdd9ea;cursor:pointer;transition:.15s}
.rv-doc:hover{background:#1a2f4c;border-color:#3a5f8c;color:#fff}
.rv-signals{display:flex;flex-direction:column;gap:10px}
.rv-sig{display:flex;gap:12px;align-items:flex-start;background:#0c1a2e;border:1px solid #1c3150;border-radius:11px;padding:13px 14px;transition:.15s}
.rv-sig.confirm{border-color:#2e6b4f;background:#0d2018}
.rv-sig.dismiss{opacity:.5}
.rv-sevi{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;flex:none;text-transform:uppercase;letter-spacing:.04em}
.rv-sevi.r{background:#3a1714;color:#f0816f}.rv-sevi.a{background:#3a2f12;color:#f2c14e}.rv-sevi.g{background:#143524;color:#54d18f}
.rv-sigb{flex:1;min-width:0}.rv-sigb b{font-size:13.5px;color:#eaf1fb}.rv-sigb p{font-size:12.5px;color:#9db4d6;margin:3px 0 0;line-height:1.45}
.rv-sigact{display:flex;gap:6px;flex:none}
.rv-sigact button{font:inherit;font-size:11.5px;font-weight:600;border-radius:7px;padding:6px 11px;cursor:pointer;border:1px solid #27425f;background:#13243d;color:#cdd9ea;transition:.15s}
.rv-conf:hover{background:#143524;border-color:#2e6b4f;color:#54d18f}
.rv-dis:hover{background:#2a1714;border-color:#5a2620;color:#f0816f}
.rv-sig.confirm .rv-conf{background:#143524;border-color:#2e6b4f;color:#54d18f}
.rv-sig.dismiss .rv-dis{background:#2a1714;border-color:#5a2620;color:#f0816f}
.rv-clean{background:#0d2018;border:1px solid #2e6b4f;border-radius:11px;padding:13px 14px;font-size:13px;color:#54d18f}
.rv-ev{display:flex;flex-direction:column;gap:6px;font-family:ui-monospace,monospace;font-size:11.5px;color:#7d97bd;background:#0c1a2e;border:1px solid #1c3150;border-radius:11px;padding:13px 14px;word-break:break-all}
.rv-note{width:100%;background:#0c1a2e;border:1px solid #27425f;border-radius:11px;padding:12px;color:#eaf1fb;font:inherit;font-size:13px;min-height:70px;resize:vertical;box-sizing:border-box}
.rv-note:focus{outline:none;border-color:#3a5f8c}
.rv-actions{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}
.rv-audit{margin-left:auto;font-size:11px;color:#6f88ad}
.rv-deny{margin-top:14px;background:#0c1a2e;border:1px solid #27425f;border-radius:12px;padding:14px}
.rv-reasons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.rv-reason{font:inherit;font-size:12px;font-weight:600;border:1px solid #27425f;background:#13243d;color:#cdd9ea;border-radius:8px;padding:7px 12px;cursor:pointer;transition:.15s}
.rv-reason:hover{background:#1a2f4c;color:#fff}
.rv-reason.on{background:#16304f;border-color:#3a5f8c;color:#fff}
.rv-denyact{display:flex;gap:9px;margin-top:12px}
@media(max-width:900px){.opwork{grid-template-columns:1fr}.opqueue{position:static}.opstats{grid-template-columns:1fr 1fr}}
