/* Окошко SuperTrend на дашборде.
   Рамку, подложку и шапку даёт БОРД: окно носит класс `.widget`, и своей
   копии этих правил здесь нет — иначе окно деска выглядело бы чужим среди
   соседей и разъехалось бы с ними на первой же правке борда.
   Здесь только нутро: отметка данных, таблица флажков и подпись. */
.ttst-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 13px 0}
.ttst-pill{
  font-size:10px;letter-spacing:.06em;text-transform:uppercase;
  padding:3px 7px;border:1px solid rgba(232,236,233,.18);color:#8a948c;
  font-variant-numeric:tabular-nums;
}
.ttst-pill.is-ok{color:#33ff66;border-color:rgba(51,255,102,.4)}
.ttst-pill.is-warn{color:#ffce54;border-color:rgba(255,206,84,.4)}
.ttst-sub{margin:0;font-size:11px;color:#8a948c;letter-spacing:.04em}
.ttst-wrap{overflow-x:auto;padding:6px 13px 0}
.ttst-tab{width:100%;border-collapse:collapse;font-size:12px}
.ttst-tab th{
  font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#5a635c;
  font-weight:500;text-align:center;padding:4px 2px;
}
.ttst-tab th:first-child{text-align:left}
.ttst-tab td{
  padding:6px 2px;text-align:center;border-top:1px solid rgba(232,236,233,.06);
  font-variant-numeric:tabular-nums;
}
/* Селектор с `td` намеренно: правило колонок выше (`.ttst-tab td`) весит
   больше одного класса, и «тикер слева» проигрывало ему молча — на бою
   столбец монет стоял по центру. */
.ttst-tab td.ttst-c{text-align:left;white-space:nowrap}
.ttst-c b{color:#e8ece9;font-weight:600}
.ttst-c i{color:#5a635c;font-style:normal;font-size:10px;margin-left:5px}
.ttst-f{display:inline-block;font-size:12px;line-height:1}
.ttst-f.up{color:#33ff66}
.ttst-f.dn{color:#ff5c5c}
.ttst-f.no{color:#5a635c}
/* Жёлтая рамка — «сменился в последнем прогоне», тот же знак, что на экране. */
.ttst-fresh{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;padding:1px 3px;border:1px solid #ffce54;
}
.ttst-note{margin:0;padding:8px 13px 11px;font-size:10px;color:#5a635c;letter-spacing:.04em}

html.tt-light .ttst-pill{color:#555d57;border-color:rgba(18,22,19,.18)}
html.tt-light .ttst-pill.is-ok{color:#087a3a;border-color:rgba(8,122,58,.4)}
html.tt-light .ttst-pill.is-warn{color:#8a6200;border-color:rgba(138,98,0,.4)}
html.tt-light .ttst-sub{color:#555d57}
html.tt-light .ttst-tab th{color:#6b756d}
html.tt-light .ttst-tab td{border-top-color:rgba(18,22,19,.08)}
html.tt-light .ttst-c b{color:#121613}
html.tt-light .ttst-c i{color:#6b756d}
html.tt-light .ttst-f.up{color:#087a3a}
html.tt-light .ttst-f.dn{color:#b3261e}
html.tt-light .ttst-f.no{color:#6b756d}
html.tt-light .ttst-fresh{border-color:#8a6200}
html.tt-light .ttst-note{color:#6b756d}
