:root{--bg:#070d12;--bg2:#0c151d;--card:#0f1a23;--line:#1b2c39;--txt:#dbe6ee;--dim:#7f93a1;--cy:#19a9ff;--red:#ff4d4d;--yel:#ffc83a;--grn:#2fd16a}
*{box-sizing:border-box;margin:0}
html{color-scheme:dark}
body{background:radial-gradient(1100px 480px at 50% -140px,#0e2845 0,transparent 70%),var(--bg);color:var(--txt);font:14px/1.5 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;min-height:100vh}
.wrap{max-width:1080px;margin:0 auto;padding:22px 16px 60px}
.loading,.err{padding:60px 0;text-align:center;color:var(--dim)}
.top{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--dim);font-size:12px;letter-spacing:.16em;font-weight:700}
.top b{color:var(--cy)} .top a{margin-left:auto;letter-spacing:0;font-weight:600}
a{color:var(--cy);text-decoration:none} a:hover{text-decoration:underline}
h1{font-size:20px;margin-bottom:12px} h1 small{color:var(--dim);font-weight:500;font-size:14px}
.status{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(135deg,var(--card),var(--bg2));margin-bottom:6px}
.status .ico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:800;flex:none}
.status b{font-size:18px;letter-spacing:.03em} .status span{color:var(--dim);font-size:13px}
.status .risk{margin-left:auto;text-align:right;min-width:150px}
.status .risk i{display:block;height:6px;border-radius:3px;background:#16242e;margin-top:6px;overflow:hidden} .status .risk i u{display:block;height:100%}
.status.green{border-color:#1d4a30} .status.yellow{border-color:#574a1c} .status.red{border-color:#5a2424}
.green .ico{background:#12351f;color:var(--grn)} .yellow .ico{background:#3a3010;color:var(--yel)} .red .ico{background:#3d1517;color:var(--red)}
.green b{color:var(--grn)} .yellow b{color:var(--yel)} .red b{color:var(--red)}
h2{font-size:12px;letter-spacing:.16em;color:var(--dim);margin:30px 0 10px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:10px}
h2::after{content:"";flex:1;height:1px;background:var(--line)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
table{width:100%;border-collapse:collapse}
.kv{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.kv td{padding:9px 14px;border-bottom:1px solid #15232d;vertical-align:middle} .kv tr:last-child td{border:0}
.kv td:first-child{width:42%;color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.kv td:last-child{font-weight:600;word-break:break-word}
.flag{display:inline-block;width:24px;height:18px;border-radius:2px;vertical-align:-4px;margin-right:8px;box-shadow:0 0 0 1px #0007;background:#16242e}
.tbl{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tbl th{background:#132330;color:#9fb4c3;font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:9px 14px;font-weight:700}
.tbl td{padding:9px 14px;border-top:1px solid #15232d;vertical-align:middle}
.tbl tr.hov:hover td{background:#12202b}
.tbl td.dim,.dim{color:var(--dim)}
.badge{display:inline-block;padding:2px 10px;border-radius:6px;font-weight:800;font-size:11px;letter-spacing:.06em}
.badge.green{background:#12351f;color:var(--grn)} .badge.yellow{background:#3a3010;color:var(--yel)} .badge.red{background:#3d1517;color:var(--red)}
.btn{display:inline-block;padding:4px 14px;border-radius:6px;border:1px solid var(--grn);color:var(--grn);font-size:12px;font-weight:700;background:#0b1a12}
.btn:hover{background:#12351f;text-decoration:none}
.ok{padding:18px;text-align:center;color:var(--grn);background:var(--card);border:1px dashed #1f4a33;border-radius:12px}
tr.r td:first-child{box-shadow:inset 3px 0 var(--red)} tr.y td:first-child{box-shadow:inset 3px 0 var(--yel)} tr.i td:first-child{box-shadow:inset 3px 0 #4c6272}
tr.r td{background:#1d1114} tr.y td{background:#1c180d}
.sub{color:#a9bac6;font-size:12px;margin-top:3px} code{font:12px Consolas,Menlo,monospace;color:#9fd9ec;word-break:break-all}
.tabs{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.tabs button{background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:7px 16px;font:600 13px inherit;cursor:pointer}
.tabs button.on{border-color:var(--cy);color:var(--cy);background:#0c2138}
.tabs input{margin-left:auto;background:var(--card);border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:7px 12px;min-width:200px;font:13px inherit}
.list{background:var(--card);border:1px solid var(--line);border-radius:12px;max-height:380px;overflow:auto}
.list div{padding:6px 14px;border-bottom:1px solid #15232d;font-size:12.5px;display:flex;gap:10px}
.list div:last-child{border:0} .list .f1{color:#ff8a8a} .list .f2{color:#ffd470} .list span.d{color:var(--dim);margin-left:auto;white-space:nowrap}
.foot{margin-top:34px;text-align:center;color:var(--dim);font-size:12px;line-height:1.7}
@media(max-width:760px){.two{grid-template-columns:1fr}.status{flex-wrap:wrap}.status .risk{margin-left:0;text-align:left;width:100%}.tbl{overflow-x:auto}.tbl table{min-width:640px}}
/* ---- raport v2 ---- */
.sm{flex:1;min-width:0}
.cc-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.cchip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:6px;font:700 11px Consolas,Menlo,monospace;letter-spacing:.04em;cursor:default;background:#16242e;color:#9fb4c3}
.cchip.r{background:#3d1517;color:#ff8a8a;cursor:pointer} .cchip.y{background:#3a3010;color:#ffd470;cursor:pointer} .cchip.i{background:#1b2c39;color:#8aa0af}
.cchip i{font-style:normal;opacity:.8}
.status .risk small{display:block;color:var(--dim);font-size:11px;margin-top:5px}
.tabbar{display:flex;gap:6px;overflow-x:auto;margin:22px 0 4px;padding:6px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;position:sticky;top:8px;z-index:5;backdrop-filter:blur(6px)}
.tabbar button{background:none;border:0;color:var(--dim);padding:8px 16px;border-radius:8px;font:600 13px inherit;cursor:pointer;white-space:nowrap}
.tabbar button:hover{color:var(--txt)} .tabbar button.on{background:#122f52;color:var(--cy)}
.view h2:first-child{margin-top:20px}
.grp{background:var(--card);border:1px solid var(--line);border-left:4px solid #4c6272;border-radius:12px;margin-top:10px;overflow:hidden}
.grp.red{border-left-color:var(--red)} .grp.yellow{border-left-color:var(--yel)}
.grp summary{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;list-style:none}
.grp summary::-webkit-details-marker{display:none}
.grp summary::after{content:"▾";margin-left:8px;color:var(--dim);transition:transform .15s} .grp[open] summary::after{transform:rotate(180deg)}
.grp .cnt{margin-left:auto;color:var(--dim);font-size:12px}
.sev{font:800 10px inherit;letter-spacing:.1em;padding:2px 8px;border-radius:5px}
.sev.red{background:var(--red);color:#220} .sev.yellow{background:var(--yel);color:#220} .sev.info{background:#4c6272;color:#fff}
.gbody{padding:2px 16px 14px;border-top:1px solid #15232d}
.gdesc{color:#a9bac6;font-size:13px;margin:12px 0 4px;max-width:90ch}
.it{padding:10px 0;border-bottom:1px solid #15232d;font-size:13px} .it:last-of-type{border:0}
.it-h{display:flex;gap:8px;align-items:center;margin-bottom:2px} .it-h .dim{margin-left:auto;font-size:11px}
.dot{width:8px;height:8px;border-radius:50%;background:#4c6272} .dot.red{background:var(--red)} .dot.yellow{background:var(--yel)}
.pth{display:flex;gap:8px;align-items:flex-start;margin-top:3px} .pth code{flex:1}
.cp{background:#12202b;border:1px solid var(--line);color:var(--dim);border-radius:5px;padding:0 6px;font-size:12px;cursor:pointer;margin-left:4px} .cp:hover{color:var(--cy);border-color:var(--cy)}
.more{margin-top:8px;background:none;border:1px dashed var(--line);color:var(--cy);border-radius:8px;padding:6px 14px;font:600 12px inherit;cursor:pointer;width:100%}
.sig{font-size:12px;font-weight:700} .sig.sigok{color:var(--grn)} .sig.bad{color:var(--yel)}
.kv code{font-weight:400}
.dim{color:var(--dim)}


/* ---- premium v3 ---- */
.wrap{max-width:1180px}
body{background:radial-gradient(1000px 520px at 85% -120px,#0d2d52 0,transparent 70%),radial-gradient(800px 400px at 0 30%,#0a1a30 0,transparent 70%),var(--bg);background-attachment:fixed}
.top{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:18px}
h1{font-size:26px;letter-spacing:-.01em;margin-bottom:14px}
.status{padding:20px 24px;border-radius:16px;box-shadow:0 20px 50px -34px #000;position:relative;overflow:hidden}
.status::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 160px at 0 0,var(--glow,#ffffff08),transparent 70%);pointer-events:none}
.status.red{--glow:#ff4d4d22}.status.yellow{--glow:#ffc83a1c}.status.green{--glow:#2fd16a1c}
.status .ico{width:52px;height:52px;font-size:26px;box-shadow:0 0 24px -4px currentColor}
.status b{font-size:22px}
.kv{border-radius:14px;background:linear-gradient(165deg,#0f1c27,#09111d)}
.kv td{padding:11px 16px}
.qbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;padding:10px 12px;background:#07121bee;border:1px solid #183a5c;border-radius:14px;position:sticky;top:8px;z-index:6;backdrop-filter:blur(8px)}
.qt{font:800 11px inherit;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-right:6px}
.qb{display:inline-flex;align-items:center;gap:8px;background:#0b2036;border:1px solid #1e63a0;color:#e6f1f7;border-radius:9px;padding:6px 12px;font:700 12.5px inherit;cursor:pointer}
.qb:hover{border-color:var(--cy);background:#123456}
.qb i{font-style:normal;font-size:11px;color:var(--cy);background:#061018;border-radius:99px;padding:0 8px}
.qbar .adv{margin-left:auto;color:#ffc83a;font-size:12px;font-weight:600}
.tabbar{position:static;margin-top:16px}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.pnl{background:linear-gradient(165deg,#0c1726,#08101c);border:1px solid var(--line);border-radius:14px;overflow:hidden;scroll-margin-top:84px;box-shadow:0 20px 50px -36px #000;min-width:0}
.pnl:nth-child(n+3){grid-column:1/-1}
.pnl header{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line);background:#0a1523;flex-wrap:wrap}
.pi{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#0c2742;border:1px solid #1d5896;color:var(--cy);flex:none}.pi svg{width:19px;height:19px}
.pt{flex:1;min-width:180px;display:flex;flex-direction:column;line-height:1.35}.pt b{font-size:15px}.pt span{color:var(--dim);font-size:12px}
.cn{font:800 12px inherit;background:#061018;border:1px solid var(--line);color:#cfe4ee;border-radius:99px;padding:2px 11px}
.cb{font:800 11px inherit;letter-spacing:.05em;background:#3d1517;color:var(--red);border-radius:99px;padding:3px 11px}
.cok{color:var(--grn);font-weight:800}
.pnl header input{background:#050d18;border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:6px 12px;font:13px inherit;width:190px}.pnl header input:focus{outline:none;border-color:var(--cy)}
.raw{max-height:420px;overflow:auto;padding:8px 0;font:12.5px/1.7 Consolas,Menlo,monospace;background:#04090d}
.raw>div{padding:1px 16px;white-space:nowrap}.raw>div:hover{background:#0a1822}
.raw .dim{padding:14px 16px;font-family:inherit;white-space:normal}
.raw .n{color:#e8f3fa;font-weight:700}.raw .m{color:#7f95a4}.raw .okf{color:#2fd16a;font-weight:700}.raw .chk{color:#ffc83a;font-weight:700}.raw .fl{color:#ff5a5a;font-weight:700}
.raw .f1{background:#2a0e10}.raw .f2{background:#2a2108}
.raw .more{display:block;margin:8px auto;background:#0c2138;border:1px solid #1e63a0;color:#cfe4ee;border-radius:8px;padding:6px 18px;font:700 12px inherit;cursor:pointer}
.raw::-webkit-scrollbar{width:10px;height:10px}.raw::-webkit-scrollbar-thumb{background:#1b3a4c;border-radius:6px}
@media(max-width:900px){.pgrid{grid-template-columns:1fr}.pnl:nth-child(n+3){grid-column:auto}.qbar .adv{display:none}.raw>div{white-space:normal;word-break:break-all}}

.oth{margin-top:26px}.oth .tbl{border-radius:14px}.mono{font-family:Consolas,Menlo,monospace;font-size:12.5px}.cnt2{text-align:right;color:var(--dim);font-size:12px;margin-top:8px}
.oth td .cchip{margin-right:4px}

/* ---- v4: brand, limba, LIVE, panouri la click ---- */
.ic{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0}
.top{display:flex;align-items:center;gap:12px}.top .sp{flex:1}
.top .brand{display:inline-flex;align-items:center;gap:8px;color:var(--cy);font-size:15px;letter-spacing:.14em;font-weight:800}.top .brand:hover{text-decoration:none}.top .brand i{font-style:normal;color:#fff}
.top .tg{color:var(--dim);font-size:11px;letter-spacing:.18em}.top .back2{letter-spacing:0;font-weight:600;margin-left:6px}
.lang{display:flex;border:1px solid #1e63a0;border-radius:8px;overflow:hidden}
.lang button{background:#0b2036;border:0;color:#8fa6b4;font:800 11.5px inherit;letter-spacing:.08em;padding:6px 11px;cursor:pointer}.lang button.on{background:var(--cy);color:#041018}
.status .ico{color:currentColor}
.cchip .ic{margin-right:5px;vertical-align:-2px}
.live{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 0;padding:12px 18px;border-radius:12px;border:1px solid var(--line);background:#0a151d;color:#b8c8d3;font-size:13.5px}
.live .ldot{width:9px;height:9px;border-radius:50%;background:#52626d;flex:none}
.live.on{border-color:#1f6a46;background:linear-gradient(90deg,#0b2218,#0a151d 70%)}.live.on .ldot{background:var(--grn);animation:lping 1.8s infinite}
@keyframes lping{0%{box-shadow:0 0 0 0 #2fd16a99}70%{box-shadow:0 0 0 9px #2fd16a00}100%{box-shadow:0 0 0 0 #2fd16a00}}
.live .lb{color:var(--grn);letter-spacing:.12em;font-size:11.5px}.live .lt b{color:#fff}
.live .lm{display:inline-flex;align-items:center;gap:5px;color:#9fb4c3;background:#050d18;border:1px solid var(--line);border-radius:99px;padding:2px 10px;font-size:12px}
.live.off .ic{color:#5f7686}
/* bara cu Click (ca inainte), panou deschis pe rand dedesubt */
.qbar{position:static;display:flex;flex-wrap:wrap;gap:8px;padding:0;background:none;border:0;backdrop-filter:none;margin:14px 0 0}
.q{display:flex;align-items:center;gap:8px;background:#0a1a2e;border:1px solid #1e63a0;border-radius:9px;padding:5px 6px 5px 11px;box-shadow:0 0 14px -9px #19a9ff}
.q .ic{color:var(--cy)}.q .ql{font:700 12.5px inherit;color:#e6f1f7}
.q.open{border-color:var(--cy);background:#0d2d52}
.q.adv{border-color:#3a2a10;background:#1a1408;padding-right:12px}.q.adv .ic,.q.adv .ql{color:#ffc83a}
.qb{background:#0c2c52;border:1px solid var(--cy);color:#fff;border-radius:6px;padding:3px 14px;font:800 12px inherit;cursor:pointer}.qb:hover{background:#16497a}
.pview{margin-top:12px}.pview .pnl{margin:0;animation:pin .18s ease-out}@keyframes pin{from{opacity:0;transform:translateY(-6px)}}
.pview .pnl:nth-child(n+3){grid-column:auto}
.xb{background:none;border:1px solid var(--line);color:var(--dim);border-radius:7px;width:28px;height:28px;cursor:pointer;font-size:13px}.xb:hover{color:#fff;border-color:var(--cy)}
.pi .ic,.cok .ic{color:inherit}
.raw{max-height:520px}
@media(max-width:760px){.top .tg{display:none}.live{font-size:12.5px}}
.top .brand{gap:0}.top .brand .ic{margin-right:8px}

.top .brand b{background:linear-gradient(90deg,#e9f3ff,#9fd0ff 55%,#19a9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.top .brand i{color:#19a9ff}
.status{border-radius:16px}