/* Сводка */
/* dashboard */
.kpis{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.kpi .v{font-size:28px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpi .s{font-size:12px;color:var(--ink3)}
.tw{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}
th,td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);font-weight:600;background:var(--sunk)}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
tr:last-child td{border-bottom:0}
@media (max-width:640px){
  table{min-width:0}
  thead{display:none}
  table,tbody,tr,td{display:block}
  tr{padding:10px 12px;border-bottom:1px solid var(--line)}
  tr:last-child{border-bottom:0}
  td{border:0;padding:3px 0;text-align:left;overflow-wrap:anywhere}
  td.n{text-align:left}
  td::before{content:attr(data-l);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);font-weight:600;overflow-wrap:normal}
  td:first-child::before,td:not([data-l])::before,td[data-l=""]::before{content:none}
  td .chip{white-space:normal;max-width:100%}
  td:first-child{font-weight:600;padding-bottom:6px}
  .idx{justify-content:flex-start}
}
.idx{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}
.idx .m{width:56px;height:6px;border-radius:3px;background:var(--sunk);overflow:hidden}
.idx .m span{display:block;height:100%}
.dirbars{display:flex;flex-direction:column;gap:7px}
.dirbars .r{display:grid;grid-template-columns:90px minmax(0,1fr) 34px;gap:10px;align-items:center;font-size:13px}
.dirbars .tr{height:10px;background:var(--sunk);border-radius:3px;overflow:hidden}
.dirbars .tr span{display:block;height:100%;background:var(--bad)}
