:root{--bg:#0f1115;--card:#171a21;--line:#262b36;--fg:#e6e8ee;--mute:#8a93a6;--acc:#4f8cff;--win:#2fbf71;--loss:#e5484d;--to:#d8a93b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}
h1{margin:0;font-size:20px}h1 small,h2 small{color:var(--mute);font-weight:400;font-size:12px;margin-left:8px}
h2{font-size:15px;margin:0 0 10px}
.filters{display:flex;flex-wrap:wrap;gap:6px}
select,input,button{background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:5px 8px;font:inherit}
input[type=number]{width:70px}button{background:var(--acc);border-color:var(--acc);cursor:pointer}button:disabled{opacity:.5}
main{padding:16px 20px;display:flex;flex-direction:column;gap:16px;max-width:1400px;margin:0 auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.kpi b{display:block;font-size:22px}.kpi span{color:var(--mute);font-size:12px}
.chart{height:260px;position:relative}.chart.short{height:170px;margin-top:10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.grid2{grid-template-columns:1fr}}
table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:5px 6px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
th{color:var(--mute);font-weight:500}td.q{white-space:normal;max-width:420px;color:var(--mute)}
.scroll{max-height:560px;overflow:auto}#t-calls tr{cursor:pointer}#t-calls tr:hover td{background:#1d2130}
.win{color:var(--win)}.loss{color:var(--loss)}.timeout{color:var(--to)}.mute{color:var(--mute)}
.fomo-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px;color:var(--mute)}
.fo-sum{display:flex;gap:18px;flex-wrap:wrap;margin:6px 0 8px}.fo-sum b{font-size:18px}
#modal{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:10}
#modal[hidden]{display:none}.modal-body{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;max-width:700px;max-height:80vh;overflow:auto;position:relative}
#modal-x{position:absolute;right:8px;top:8px;background:none;border:none;font-size:20px}pre{white-space:pre-wrap;font:inherit;margin:0}

.verdict{margin-top:10px;padding:10px 12px;border-radius:8px;background:#1d2130;border-left:4px solid var(--to)}
.verdict.good{border-color:var(--win)}.verdict.bad{border-color:var(--loss)}
.small{font-size:12px;margin:6px 0 0}
#t-edge td:first-child{color:var(--mute)}

.tabs{display:flex;gap:4px}.tabs button{background:var(--card);border-color:var(--line);color:var(--mute)}.tabs button.on{background:var(--acc);border-color:var(--acc);color:#fff}
#err{background:#3a1519;color:#ffb4b8;border-bottom:1px solid var(--loss);padding:10px 20px;white-space:pre-wrap}
.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;white-space:nowrap}
.b-edge{background:#123d27;color:#6ee7a8}.b-inverse{background:#3d2a12;color:#f5c26b}.b-weak{background:#2a2f3d;color:#aab4c8}.b-none{background:#2a1a1d;color:#e59aa0}.b-few{background:#222;color:#777}
#t-hyp tr.fam td{color:var(--acc);font-weight:600;padding-top:12px}#t-hyp tr[data-id]{cursor:pointer}#t-hyp tr[data-id]:hover td{background:#1d2130}
#t-hyp td.wrap{white-space:normal;min-width:220px}.short-scroll{max-height:220px}

[hidden]{display:none!important}
#t-hyp td:last-child{white-space:normal;line-height:1.7}