/* Зв'язки в «Аналітиці». Кольори — з поточної теми. */

/* пояснення блока тепер поруч із заголовком "Зв'язки", через тире —
   а не окремим абзацом над колонками */
.lk-hint{font-style:normal; font-family:var(--sans); font-size:12px; letter-spacing:normal;
  text-transform:none; font-weight:400; color:var(--faint); line-height:1.4}
.lk-hint::before{content:"— "}
.lk-hint b{color:var(--dim); font-family:var(--mono); font-weight:600}

.lk-cols{display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:16px 28px}
.lk-col{min-width:0}
/* вертикальна риска між колонками, лише коли вони й справді поруч —
   інакше в стовпчик (вузька картка) риска зліва виглядала б зайвою */
@container (min-width:700px){
  .lk-col+.lk-col{border-left:1px solid var(--line-soft); padding-left:28px}
}

.lk-t{margin-bottom:9px; font-size:13.5px; font-weight:600; color:var(--text)}

.lk-head,.lk-row{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 46px 62px 74px;
  gap:10px; align-items:baseline}
.lk-head{font-family:var(--mono); font-size:9px; letter-spacing:.13em; text-transform:uppercase;
  color:var(--faint); padding-bottom:7px; border-bottom:1px solid var(--line-soft)}
.lk-head span:nth-child(n+3),.lk-row span:nth-child(n+3){text-align:right}

.lk-row{padding:9px 0; border-bottom:1px solid var(--line-soft)}
.lk-row:last-child{border-bottom:none}
.lk-row .nm{font-size:13px; font-weight:500; color:var(--text);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.lk-row .of{font-size:11.5px; color:var(--faint);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.lk-row .n,.lk-row .wr{font-family:var(--mono); font-size:12px; color:var(--dim);
  font-variant-numeric:tabular-nums}
.lk-row .net{font-family:var(--mono); font-size:13px; font-weight:500;
  font-variant-numeric:tabular-nums}
.lk-row .net.pos{color:var(--up)}
.lk-row .net.neg{color:var(--down)}

.lk-empty{padding:18px 0; font-size:13px; color:var(--faint)}

@media (max-width:640px){
  .lk-head,.lk-row{grid-template-columns:minmax(0,1fr) 42px 58px 68px}
  .lk-head span:nth-child(2),.lk-row .of{display:none}
}


/* ============================================================
   Соцмережі в підвалі бічної панелі (static/index.html).

   Це не дія, а посилання «де нас знайти», тому ряд тихіший за кнопки
   поруч: підпис дрібний, іконки сірі. Колір бренду вмикається тільки
   під курсором — інакше два яскравих значка перетягують увагу на себе
   з кнопки «Нова угода».
   ============================================================ */
.side .socs{
  display:flex; align-items:center; gap:6px;
  margin-top:6px; padding:9px 4px 2px;
  border-top:1px solid var(--line-soft);
}
.side .socs .lab{
  margin-right:auto; padding-left:5px;
  font-family:var(--mono); font-size:9px; letter-spacing:.13em;
  text-transform:uppercase; color:var(--faint);
}
.side .soc{
  display:inline-grid; place-items:center;
  width:26px; height:26px; border-radius:7px;
  color:var(--faint); border:1px solid transparent;
  transition:color .14s, background .14s, border-color .14s;
}
.side .soc:hover{background:var(--panel-2); border-color:var(--line)}
.side .soc.ig:hover{color:#e1568f}
.side .soc.tt:hover{color:#25f4ee}
.side .soc .ic{display:block}