/* Скринер (этап 38): полоса индексов-корзин, всплывающие карточки, оферты и спреды ISS.
   Отдельный файл, чтобы не трогать term.css; правила узкого окна для новых столбцов — здесь. */
.scrwrap{position:relative}
.scrbar .ixstrip{display:flex;gap:4px;margin:-2px 0 8px;overflow-x:auto;scrollbar-width:none}
.scrbar .ixstrip::-webkit-scrollbar{display:none}
.ixc{flex:none;display:flex;align-items:baseline;gap:5px;height:22px;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--dim);font:10.5px var(--mono);cursor:pointer;transition:border-color .3s cubic-bezier(.2,.7,.2,1),color .3s cubic-bezier(.2,.7,.2,1);line-height:20px}
.ixc .k{color:var(--tx);font-family:var(--sans);font-size:11px}
.ixc .v{color:var(--tx)}
.ixc .s{font-size:9.5px;color:var(--dim)}
.ixc:hover{border-color:var(--line2)}
.ixc.on{border-color:var(--amber)}
.ixc.on .k{color:var(--amber)}
.ixnote{font:10px var(--mono);color:var(--dim);line-height:22px}
.scrbar .cnt span{color:var(--dim)}
/* ячейки в две строки: корзина + ВДО, оферта + окно приёма, наш G-спред + ISS */
.tbl.scr td.off small,.tbl.scr td.sp small,.tbl.scr td.rtk small{display:block;color:var(--dim);font:9.5px var(--mono)}
.tbl.scr td small.dv{color:var(--amber)}
.tbl.scr td.off.open small{color:var(--amber)}
.tbl.scr td.sp.dn{color:var(--red)}.tbl.scr td.sp.up{color:var(--green)}.tbl.scr td.sp.z{color:var(--dim)}
/* всплывающая карточка (стиль .bmtip) */
.scrtip{max-width:440px}
.scrtip div small,.scrtip div span{white-space:nowrap}
.scrtip>i{max-width:330px;white-space:normal;line-height:1.4}
.scrtip i.df{font-size:10.5px;line-height:1.45;margin-top:0;white-space:normal}
.scrtip div+i.df{margin-top:6px;color:var(--amber)}
.scrtip span.dv{color:var(--amber)}
.scrtip em{font-style:normal}
.scrtip em.l1{color:var(--amber)}
.scrtip em.l2{color:var(--tx)}
.scrch{display:block;margin-top:7px}
.scrch text{font:9px var(--mono);fill:var(--dim)}
.scrch .ax{stroke:var(--line)}
.scrch .z0{stroke:var(--line2);stroke-dasharray:2 3}
.scrch polyline{fill:none;stroke-width:1.3;stroke-linejoin:round}
.scrch .l1{stroke:var(--amber)}
.scrch .l2{stroke:var(--tx);opacity:.55}
/* узкое окно (term.css прячет тип и оферту до 1120 px, листинг до 1300): тип и листинг уходят первыми, оферта держится до 900 px */
@container (max-width:1450px){.scrwrap .c-typ,.scrwrap .c-lst{display:none}}
@container (max-width:1120px){.scrwrap .c-off{display:table-cell}}
@container (max-width:1300px){.scrwrap .c-dg{display:none}}
@container (max-width:1200px){.scrwrap .c-gi,.scrwrap .c-zi{display:none}}
@container (max-width:860px){.scrwrap .c-rt{display:none}}
@container (max-width:900px){.scrwrap .c-off{display:none}}