/* НЕ трогать scripts/split-css.cjs — этот файл не пересобирается из style.css.
   Стили статистики / file / spoiler. */

input[type="file"].input,.input[type="file"]{padding:8px 10px;line-height:1.3;cursor:pointer;color:var(--text-body)}
input[type="file"].input::file-selector-button,.input[type="file"]::file-selector-button,
input[type="file"].input::-webkit-file-upload-button,.input[type="file"]::-webkit-file-upload-button{
  -webkit-appearance:none;appearance:none;margin:0 12px 0 0;padding:7px 12px;border:1px solid var(--border);border-radius:9px;
  background:var(--bg-card-2);color:var(--text-heading);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer
}
input[type="file"].input::file-selector-button:hover,.input[type="file"]::file-selector-button:hover,
input[type="file"].input::-webkit-file-upload-button:hover,.input[type="file"]::-webkit-file-upload-button:hover{
  background:var(--bg-hover);border-color:var(--border-strong)
}
.file-pick{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9px;
  border:1px solid var(--border);background:var(--bg-card-2);color:var(--text-heading);
  font-size:12.5px;font-weight:700;cursor:pointer;position:relative
}
.file-pick:hover{background:var(--bg-hover)}
.file-pick input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer}

.md-body .md-spoiler{margin:0 0 .85em;border:1px solid var(--border);border-radius:10px;background:var(--bg-card-2);overflow:hidden}
.md-body .md-spoiler>summary{cursor:pointer;list-style:none;padding:10px 16px;font-weight:700;color:var(--text-heading);user-select:none}
.md-body .md-spoiler>summary::-webkit-details-marker{display:none}
.md-body .md-spoiler>summary::before{content:'▸';display:inline-block;margin-right:8px;color:var(--accent-light);transition:transform .15s ease}
.md-body .md-spoiler[open]>summary::before{transform:rotate(90deg)}
.md-body .md-spoiler>:not(summary){padding:4px 16px 14px;margin-left:0;margin-right:0;box-sizing:border-box;max-width:100%}
.md-body .md-spoiler>:not(summary):last-child{margin-bottom:0}
.md-body .md-spoiler ul,.md-body .md-spoiler ol{
  padding-left:1.75em;padding-right:.25em;margin-left:.15em;list-style-position:outside
}
.md-body .md-spoiler li{padding-right:4px}

.stats-page{display:flex;flex-direction:column;gap:14px}
.stats-page.is-loading{opacity:.72;transition:opacity .15s ease}
.stats-nav{display:flex;flex-wrap:wrap;gap:8px}
.stats-nav-link{
  display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;
  border:1px solid var(--border);background:var(--bg-card);
  color:var(--text-muted);font-size:12.5px;font-weight:700;text-decoration:none
}
.stats-nav-link:hover{background:var(--bg-hover);color:var(--text-heading)}
.stats-nav-link.active{
  border-color:transparent;
  background:linear-gradient(155deg,var(--accent) 0%,var(--accent-2) 100%);
  color:#fff
}
.stats-period-card{margin:0}
.stats-period-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.stats-period-seg{flex-wrap:wrap}
.stats-period-meta{font-size:12.5px;color:var(--text-muted)}
.stats-custom-range{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:12px}
.stats-custom-range .field{min-width:180px;flex:1}

.stats-kpi-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}
.stats-kpi-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.stats-kpi-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.stats-kpi-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stats-kpi-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.stats-kpi{
  border:1px solid var(--border);border-radius:14px;
  background:var(--bg-card);padding:14px 14px 12px;min-width:0
}
.stats-kpi-value{font-family:var(--font-mono);font-size:26px;font-weight:800;color:var(--text-heading);line-height:1.1}
.stats-kpi-label{margin-top:5px;font-size:12px;color:var(--text-muted);line-height:1.3}
.stats-kpi-hint{margin-top:2px;font-size:11px;color:var(--text-faint)}
.stats-kpi-ok{border-color:rgba(52,211,153,.28);background:linear-gradient(180deg,rgba(52,211,153,.08),transparent 70%),var(--bg-card)}
.stats-kpi-warn{border-color:rgba(251,191,36,.28);background:linear-gradient(180deg,rgba(251,191,36,.08),transparent 70%),var(--bg-card)}
.stats-kpi-danger{border-color:rgba(248,113,113,.28);background:linear-gradient(180deg,rgba(248,113,113,.08),transparent 70%),var(--bg-card)}
.stats-kpi-accent{border-color:rgba(167,139,250,.3);background:linear-gradient(180deg,rgba(124,92,252,.1),transparent 70%),var(--bg-card)}

.stats-panels{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.75fr);gap:14px;align-items:start}
.stats-panels-1{grid-template-columns:1fr}
.stats-panel{min-width:0}
.stats-panel .card-header{margin-bottom:10px}
.stats-page .stats-chart-card.card.card-pad{padding-left:16px;padding-right:16px}

.stats-rank-list{display:flex;flex-direction:column;gap:10px}
.stats-rank-row{display:flex;gap:10px;align-items:flex-start}
.stats-rank-index{
  width:22px;height:22px;border-radius:7px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;color:var(--text-muted);
  background:rgba(255,255,255,.04);border:1px solid var(--border-soft)
}
.stats-rank-main{flex:1;min-width:0}
.stats-rank-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.stats-rank-title{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--text-heading);font-size:13.5px;font-weight:600;text-decoration:none
}
a.stats-rank-title:hover{color:var(--accent-light)}
.stats-rank-track{height:6px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.stats-rank-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-light))}

.stats-line-wrap{position:relative;width:100%;overflow:visible}
.stats-line-svg{width:100%;height:auto;display:block;overflow:visible}
.stats-grid-line{stroke:rgba(255,255,255,.08);stroke-width:1}
.stats-axis-text{fill:var(--text-muted);font-size:11px}
.stats-area-fill{fill:rgba(124,92,252,.16)}
.stats-line-stroke{stroke:var(--accent-light);stroke-width:2.5;fill:none}
.stats-line-dot{fill:var(--accent);stroke:#1a1528;stroke-width:1.5;transition:r .12s ease,fill .12s ease}
.stats-line-dot.is-active{fill:var(--accent-light)}
.stats-dot-hit{cursor:pointer;outline:none}
.stats-dot-hit:focus-visible .stats-line-dot{fill:var(--accent-light)}
.stats-guide-line{pointer-events:none}
.stats-chart-tooltip{
  position:absolute;z-index:5;pointer-events:none;
  transform:translate(-50%,calc(-100% - 10px));
  display:flex;flex-direction:column;align-items:center;gap:2px;
  min-width:52px;padding:7px 10px;border-radius:10px;
  background:rgba(18,14,28,.96);border:1px solid rgba(167,139,250,.35);
  box-shadow:0 8px 24px rgba(0,0,0,.35);white-space:nowrap
}
.stats-chart-tooltip-label{font-size:11px;color:var(--text-muted);line-height:1.2}
.stats-chart-tooltip-value{font-family:var(--font-mono);font-size:16px;font-weight:800;color:var(--text-heading);line-height:1.1}

@media (max-width:1100px){
  .stats-kpi-grid,.stats-kpi-5,.stats-kpi-4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stats-panels{grid-template-columns:1fr}
}
@media (max-width:700px){
  .stats-kpi-grid,.stats-kpi-5,.stats-kpi-4,.stats-kpi-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats-custom-range{flex-direction:column;align-items:stretch}
  .stats-period-row{align-items:flex-start}
}