


.стат-доли{display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:14px 24px}
.стат-доли.один{grid-template-columns:minmax(0, 640px)}
.стат-доли h3,.стат-подзаг{margin:0 0 6px; font-size:11.5px; font-weight:600;
  color:var(--sand-dim); text-transform:uppercase; letter-spacing:.06em}
.стат-подзаг{margin-top:18px}
.стат-доля{display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:baseline;
  gap:3px 10px; padding:5px 0}
.стат-доля span{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-size:13.5px}
.стат-доля b{font-size:13.5px; font-variant-numeric:tabular-nums; white-space:nowrap}
.стат-доля em{margin-left:7px; font-style:normal; font-weight:400; font-size:11.5px;
  color:var(--sand-dim)}
.стат-доля i{grid-column:1 / -1; display:block; height:6px; border-radius:3px;
  background:color-mix(in oklab, var(--deep) 70%, transparent); overflow:hidden}
.стат-доля i u{display:block; height:100%; min-width:2px; border-radius:3px;
  text-decoration:none; background:var(--lamp)}
.стат-счёт{margin:14px 0 0; padding-top:12px; border-top:1px solid var(--seam);
  font-size:12.5px; color:var(--sand-dim)}
.стат-счёт b{color:var(--cream); font-variant-numeric:tabular-nums}
.стат-счёт span{display:block; margin-top:4px; font-size:11.5px}


.стат-воронка{display:grid; gap:2px}
.стат-этап{display:grid; grid-template-columns:minmax(130px, 1.1fr) minmax(80px, 2fr) minmax(96px, auto);
  align-items:center; gap:6px 14px; padding:8px 10px; border-radius:10px}
.стат-этап:hover{background:var(--stone-2)}
.стат-этап-имя{font-size:13.5px; min-width:0}
.стат-этап-имя span{display:block; margin-top:1px; font-size:11px; color:var(--sand-dim)}
.стат-этап-полоса{height:12px; border-radius:6px; overflow:hidden;
  background:color-mix(in oklab, var(--deep) 70%, transparent)}
.стат-этап-полоса i{display:block; height:100%; border-radius:6px;
  background:linear-gradient(90deg, var(--lamp-lo), var(--lamp-hi))}
.стат-этап.деньги .стат-этап-полоса i{background:var(--ore)}
.стат-этап.деньги .стат-этап-числа b{color:var(--ore)}
.стат-этап-числа{text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums}
.стат-этап-числа b{font-size:16px; font-weight:700}
.стат-этап-числа span{display:block; font-size:11px; color:var(--sand)}


.стат-шаги{display:flex; flex-wrap:wrap; gap:4px}
.стат-шаги span{padding:2px 8px; border-radius:999px; font-size:11.5px; white-space:nowrap;
  color:var(--sand); background:color-mix(in oklab, var(--cream) 7%, transparent)}
.стат-шаги b{margin-left:5px; font-weight:700; font-variant-numeric:tabular-nums}
.стат-разделы{display:grid; gap:2px}
.стат-разд{padding:9px 10px 10px; border-bottom:1px solid var(--seam)}
.стат-разд:last-child{border-bottom:0}
.стат-разд-верх{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between;
  gap:2px 12px; margin-bottom:6px}
.стат-разд-верх > b{font-size:14px}
.стат-разд-верх span{font-size:12px; color:var(--sand-dim)}
.стат-разд-верх span b{color:var(--cream); font-variant-numeric:tabular-nums}
tr.стат-раздел{cursor:pointer}
tr.стат-вкладка td{padding-top:7px; padding-bottom:7px; font-size:12.5px; color:var(--sand)}
tr.стат-вкладка td:first-child{padding-left:26px}
.стат-раскрыть{margin-left:8px; font-size:11px; font-weight:400; color:var(--sand-dim);
  white-space:nowrap}
.стат-где{display:block; margin-top:2px; font-size:11.5px; color:var(--sand-dim)}


.стат-ключ{display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:12px; padding-top:10px;
  border-top:1px solid var(--seam); font-size:12px; color:var(--sand-dim)}
.стат-ключ b{color:var(--cream); font-variant-numeric:tabular-nums}
.стат-ключ i{display:inline-block; width:10px; height:10px; margin-right:6px;
  border-radius:3px; vertical-align:-1px}
.стат-ключ i.все{background:color-mix(in oklab, var(--lamp) 22%, transparent)}
.стат-ключ i.корзина{background:var(--lamp)}


.стат-лента{display:grid; gap:2px}
.стат-сеанс{padding:11px 10px 12px; border-radius:11px; border-bottom:1px solid var(--seam)}
.стат-сеанс:last-child{border-bottom:0}
.стат-сеанс:hover{background:var(--stone-2)}
.стат-сеанс-верх{display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 10px;
  margin-bottom:7px; font-size:12px; color:var(--sand-dim)}
.стат-сеанс-верх b{font-size:13px; color:var(--cream); font-variant-numeric:tabular-nums}
.стат-итог{margin-left:auto; padding:2px 9px; border-radius:999px; font-style:normal;
  font-size:11.5px; font-weight:700; white-space:nowrap; color:var(--sand);
  background:color-mix(in oklab, var(--cream) 8%, transparent)}
.стат-итог.done,.стат-итог.paid{color:var(--on-ore); background:var(--ore)}
.стат-итог.unpaid{color:var(--lamp); background:color-mix(in oklab, var(--lamp) 14%, transparent)}
.стат-итог.live{color:var(--cream); background:none; border:1px solid var(--seam-2)}
.стат-путь{display:flex; flex-wrap:wrap; align-items:center; gap:5px 2px;
  font-size:12.5px; line-height:1.35}
.стат-путь span{padding:2px 7px; border-radius:7px; white-space:nowrap;
  background:color-mix(in oklab, var(--deep) 65%, transparent)}
.стат-путь span.касса{color:var(--lamp); background:color-mix(in oklab, var(--lamp) 14%, transparent)}
.стат-путь span.деньги{color:var(--ore); background:color-mix(in oklab, var(--ore) 16%, transparent)}
.стат-путь span.ушёл,.стат-путь span.пропуск{background:none; color:var(--sand-dim);
  font-style:italic}
.стат-путь u{margin-left:4px; font-size:10.5px; text-decoration:none; color:var(--sand-dim)}
.стат-путь i{padding:0 2px; font-style:normal; font-size:11px; color:var(--sand-dim)}
.стат-стоп{margin:7px 0 0; font-size:11.5px; color:var(--sand-dim)}


@media (max-width: 760px){
  .стат-доли{grid-template-columns:1fr}
  
  .стат-этап{grid-template-columns:minmax(0, 1fr) auto; gap:5px 10px; padding:8px 4px}
  .стат-этап-полоса{grid-column:1 / -1; grid-row:2}
  .стат-итог{margin-left:0}
  .стат-сеанс{padding:10px 4px 11px}
  .стат-разд{padding:9px 2px 10px}
  
  .стат-т th{padding:8px 5px; font-size:10.5px; letter-spacing:.02em}
  .стат-т td{padding:10px 5px}
  .стат-раскрыть{display:block; margin:2px 0 0}
  tr.стат-вкладка td:first-child{padding-left:16px}
}
