/* CS2 Arbitrage — дополнения к базовой дизайн-системе (base.css, общая с bravetti-scripts). */
.pos{color:var(--success)} .neg{color:var(--danger)} .zero{color:var(--text-dim)}
.score{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:24px;padding:0 8px;border-radius:8px;font:600 12px var(--mono)}
.score.hi{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}
.score.mid{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}
.score.lo{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}
.tip{cursor:help;border-bottom:1px dotted var(--text-mute)}
.mk{display:inline-flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}
.mk small{font-weight:500;color:var(--text-mute)}
.arrow{color:var(--text-mute);margin:0 4px}
.filters-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-items:end}
.filters-panel label.f input,.filters-panel label.f select{height:38px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{border:1px solid var(--border);background:var(--bg);color:var(--text-dim);border-radius:99px;padding:4px 11px;font:600 12px var(--font);cursor:pointer}
.chips button.on{background:var(--primary);border-color:var(--primary);color:#fff}
.flag{display:inline-block;font-size:12px;padding:2px 8px;border-radius:8px;margin:2px 4px 2px 0;background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn)}
.flag.sus{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}
.flag.info{background:var(--surface-3);color:var(--text-dim)}
.lines{width:100%;font-size:13px;min-width:0}
.lines td{padding:6px 10px;border-bottom:1px dashed var(--border)}
.lines tr.total td{font-weight:700;border-bottom:0;border-top:1px solid var(--border-strong)}
.lines td.amt{text-align:right;font-family:var(--mono);white-space:nowrap}
.lines .unv{color:var(--warn)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}
.chart{width:100%;height:260px;position:relative}
.chart svg{width:100%;height:100%;display:block;overflow:visible}
.chart .axis{stroke:var(--border);stroke-width:1}
.chart .grid{stroke:var(--border);stroke-dasharray:3 4;stroke-width:1;opacity:.6}
.chart text{fill:var(--text-mute);font:11px var(--mono)}
.chart .ev{stroke:var(--gold);stroke-dasharray:4 4;opacity:.7}
.chart .ev-label{fill:var(--gold)}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--text-dim);margin-top:8px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.heat td{text-align:center;font-family:var(--mono);font-size:12px;min-width:70px}
.heat th.row{position:sticky;left:0}
.hbar{display:grid;grid-template-columns:minmax(80px,200px) 1fr 110px;gap:10px;align-items:center;font-size:13px;margin:6px 0}
.hbar .track{height:10px;border-radius:99px;background:var(--bg);border:1px solid var(--border);position:relative;overflow:hidden}
.hbar .fill{position:absolute;top:0;bottom:0;border-radius:99px}
.hbar .fill.p{left:50%;background:var(--success)} .hbar .fill.n{right:50%;background:var(--danger)}
.hbar .fill.u{left:0;background:linear-gradient(90deg,var(--primary-2),var(--cyan))}
.hbar .v{text-align:right;font-family:var(--mono)}
.modal{width:min(900px,100%);max-height:88vh;overflow:auto}
.modal .head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:2}
.modal .body{padding:20px 22px}
.overlay.center{place-items:center;padding:16px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.disclaimer{font-size:12px;color:var(--text-mute);line-height:1.5;margin-top:36px;padding-top:16px;border-top:1px solid var(--border)}
.topsearch{position:relative;width:min(360px,40vw)}
.topsearch input{height:36px;font-size:14px}
.topsearch ul{position:absolute;left:0;right:0;top:40px;list-style:none;margin:0;padding:6px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);max-height:380px;overflow:auto;z-index:50}
.topsearch li a{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:9px;color:var(--text);text-decoration:none!important;font-size:14px}
.topsearch li a:hover,.topsearch li.on a{background:var(--surface-3)}
.item-head{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.item-head img{width:150px;height:auto;border-radius:12px;background:var(--surface-2)}
.st{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.right{text-align:right} .center{text-align:center}
.small{font-size:12px}
tr.open td{background:var(--surface-2)}
td .btn.sm{height:28px;padding:0 10px;font-size:12px}
.mini{width:100%;max-width:90px;height:32px;padding:0 8px;font-size:13px}
.warnline{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--warn);margin-top:6px}
@media (max-width:1100px){.detail-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){.topsearch{width:auto;flex:1}.hbar{grid-template-columns:90px 1fr 80px}}