/* Живая колонка и стакан (markets.html). Тема: #03150f / #0a1e16 / мятный #2BE3A0 / золото #F5C451 / красный #FF5A6E */
.workspace>.ls-main{grid-column:1;grid-row:1/span 2;min-width:0}
.workspace>.trade{grid-column:2;grid-row:1}
.workspace>.live-side{grid-column:2;grid-row:2}
.workspace{grid-template-rows:auto 1fr}
.live-side{display:flex;flex-direction:column;gap:14px;min-width:0}
body.mode-real .workspace>.live-side{display:none}
body.mode-real .workspace>.trade{grid-row:1/span 2}
.ls-card{border:1px solid #ffffff14;border-radius:16px;background:#0a1e16;padding:14px 14px 10px}
.ls-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font:800 13px var(--font);letter-spacing:.03em;text-transform:uppercase;color:#2BE3A0}
.ls-soon{font:700 11px var(--mono);font-style:normal;color:#F5C451;border:1px solid #F5C45155;border-radius:999px;padding:2px 9px;text-transform:none;letter-spacing:0}
.ls-sub,.ls-note{margin:0 0 8px;color:var(--muted);font-size:12.5px;line-height:1.45}
.ls-row{display:grid;grid-template-columns:1fr;gap:2px;padding:9px 6px;margin:0 -6px;border-top:1px solid #ffffff0d;border-radius:10px;color:var(--text);text-decoration:none}
.ls-row:first-of-type{border-top:0}
.ls-row:hover,.ls-row:focus-visible{background:#2BE3A010}
.ls-row:focus-visible{outline:2px solid #2BE3A0;outline-offset:-2px}
.ls-t{font-size:13.5px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.ls-m{font:12px var(--mono);color:var(--muted)}
.ls-up{color:#2BE3A0}.ls-dn{color:#FF5A6E}
.ls-tag{justify-self:start;font:700 10.5px var(--mono);text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:1px 7px;background:#2BE3A01a;color:#2BE3A0}
.ls-tag.mv{background:#F5C4511a;color:#F5C451}
.ls-tag.cl{background:#FF5A6E1a;color:#FF5A6E}
.ls-empty{padding:10px 2px;color:var(--muted);font-size:13px}
.ls-foot{margin:0;padding:0 4px;color:var(--faint);font:11.5px var(--mono)}
.ls-chat .ls-note{margin:0 0 6px}
/* Стакан */
.ls-bookbox{margin:10px 0 2px}
.ls-bookbtn{width:100%;min-height:44px;border:1px solid #2BE3A044;background:#2BE3A00d;color:#2BE3A0;border-radius:11px;font:700 13px var(--font);cursor:pointer}
.ls-bookbtn:hover{background:#2BE3A01c}
.ls-bookbtn:focus-visible,.ls-seg button:focus-visible,.ls-ref:focus-visible,.ls-sel:focus-visible{outline:2px solid #2BE3A0;outline-offset:2px}
.ls-book{margin-top:8px;border:1px solid #ffffff12;border-radius:12px;background:#03150f;padding:10px}
.ls-book[hidden]{display:none}
.ls-ctrl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.ls-sel{flex:1 1 140px;min-width:0;min-height:40px;background:#0a1e16;color:var(--text);border:1px solid #ffffff1f;border-radius:9px;padding:0 8px;font:12.5px var(--font)}
.ls-seg{display:inline-flex;border:1px solid #ffffff1f;border-radius:9px;overflow:hidden}
.ls-seg button{min-height:40px;min-width:56px;border:0;background:transparent;color:var(--muted);font:700 12.5px var(--font);cursor:pointer}
.ls-seg button[aria-pressed=true]{background:#2BE3A022;color:#2BE3A0}
.ls-ref{min-width:40px;min-height:40px;border:1px solid #ffffff1f;border-radius:9px;background:transparent;color:var(--text);cursor:pointer;font-size:16px}
.ls-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ls-sh{font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.ls-side.bid .ls-sh{color:#2BE3A0}.ls-side.ask .ls-sh{color:#FF5A6E}
.ls-th,.ls-lvl{display:flex;justify-content:space-between;gap:6px;font:12px var(--mono)}
.ls-th{color:var(--faint);padding:0 4px 3px}
.ls-lvl{position:relative;padding:3px 4px;border-radius:4px;overflow:hidden}
.ls-lvl>span{position:relative;z-index:1}
.ls-lvl>i{position:absolute;inset-block:0;inset-inline-start:0;opacity:.18}
.ls-side.bid .ls-lvl>i{background:#2BE3A0}.ls-side.ask .ls-lvl>i{background:#FF5A6E}
.ls-side.bid .ls-lvl>span:first-of-type{color:#2BE3A0}.ls-side.ask .ls-lvl>span:first-of-type{color:#FF5A6E}
.ls-none{color:var(--faint)}
.ls-meta2{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-top:8px;font:11.5px var(--mono);color:var(--muted)}
.ls-src{margin-top:6px;font:11px var(--mono);color:var(--faint)}
@media(max-width:1050px){
  .workspace>.ls-main,.workspace>.trade,.workspace>.live-side{grid-column:auto;grid-row:auto}
  body.mode-real .workspace>.live-side{display:flex}
  .workspace{grid-template-rows:none}
}
@media(max-width:420px){.ls-cols{gap:6px}.ls-th,.ls-lvl{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){.ls-row,.ls-bookbtn{transition:none}}

/* visual-20261015b: live chat preview */
.ls-chat-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.ls-chat-list li{border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--surface)}
.ls-chat-h{display:flex;justify-content:space-between;gap:8px;font-size:12px}.ls-chat-h b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-chat-h time{flex:none;font:11px var(--mono);color:var(--text-2);font-variant-numeric:tabular-nums}
.ls-chat-list p{margin:2px 0 0;font-size:12.5px;color:var(--text-2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.ls-chat-btn{width:100%}
/* markets grid with sidebar */
@media(min-width:1051px){body:not(.mode-real) #feed .workspace:has(>.live-side){grid-template-columns:minmax(0,1fr) 340px}}
#feed .workspace:has(>.live-side) .markets{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(min-width:1400px){#feed .workspace:has(>.live-side) .markets{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){#feed .workspace:has(>.live-side) .markets{grid-template-columns:1fr}}