/* ═══ /stats polish ═══ */

#page-stats{
  padding-bottom:80px;
}

/* ── Заголовок страницы ────────────────────── */
#page-stats .sl{
  font-size:10px !important;
  letter-spacing:4px !important;
  color:var(--p-accent) !important;
  text-transform:uppercase;
  margin-bottom:8px;
}
#page-stats .st{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(38px, 5vw, 56px) !important;
  letter-spacing:.02em !important;
  line-height:1 !important;
  color:var(--p-ink) !important;
  margin-bottom:40px !important;
}

/* ── KPI-цифры: тонкие разделители, не «коробки» ── */
#page-stats .kpi-row{
  gap:0 !important;
  background:transparent !important;
  border:1px solid var(--p-line) !important;
  border-radius:var(--p-r-md) !important;
  overflow:hidden;
}
#page-stats .kpi-card{
  background:transparent !important;
  border:none !important;
  border-right:1px solid var(--p-line) !important;
  padding:20px 14px !important;
  transition:background var(--p-base) var(--p-ease);
}
#page-stats .kpi-card:last-child{border-right:none !important;}
#page-stats .kpi-card:hover{background:var(--p-surface-acc);}
#page-stats .kpi-val{
  font-size:34px !important;
  letter-spacing:-.02em !important;
  color:var(--p-accent) !important;
  font-variant-numeric:tabular-nums;
}
#page-stats .kpi-lbl{
  font-size:9px !important;
  letter-spacing:2.5px !important;
  color:var(--p-ink-dim) !important;
  margin-top:8px !important;
}

/* ── Stat-блоки ───────────────────────────── */
#page-stats .stats-block{
  background:var(--p-surface) !important;
  border:1px solid var(--p-line) !important;
  border-radius:var(--p-r-md) !important;
  padding:22px !important;
  transition:border-color var(--p-base) var(--p-ease);
}
#page-stats .stats-block:hover{border-color:var(--p-line-strong) !important;}
#page-stats .stats-block-title{
  font-size:11px !important;
  letter-spacing:3px !important;
  color:var(--p-accent) !important;
  text-transform:uppercase;
  margin-bottom:18px !important;
  display:flex;
  align-items:center;
  gap:10px;
}
#page-stats .stats-block-title::before{
  content:"";
  width:6px;height:6px;
  border-radius:50%;
  background:var(--p-accent);
  flex-shrink:0;
}

/* Жанры */
#page-stats .sg-row{font-size:13px !important;align-items:center;}
#page-stats .sg-name{color:var(--p-ink) !important;}
#page-stats .sg-bar-wrap{
  background:var(--p-surface-hi) !important;
  border-radius:9999px !important;
  height:6px !important;
}
#page-stats .sg-bar{
  background:linear-gradient(90deg, var(--p-accent), #e5c462) !important;
  border-radius:9999px !important;
  box-shadow:0 0 8px rgba(212,182,86,.4);
  transition:width 700ms var(--p-ease-out) !important;
}
#page-stats .sg-count{
  color:var(--p-ink-mute) !important;
  font-variant-numeric:tabular-nums;
}

/* Decades / heatmap / dow */
#page-stats .sd-bar,
#page-stats .sdo-bar{
  background:linear-gradient(180deg, var(--p-accent), rgba(212,182,86,.3)) !important;
  border-radius:4px 4px 0 0 !important;
  transition:height 700ms var(--p-ease-out) !important;
}
#page-stats .sd-col{transition:transform var(--p-base) var(--p-ease);}
#page-stats .sd-col:hover{transform:translateY(-2px);}

#page-stats .sh-cell{
  border-radius:2px !important;
  transition:transform var(--p-base) var(--p-ease);
}
#page-stats .sh-cell:hover{transform:scale(1.3);}

/* Stats-meta — мелкая мета строка */
#page-stats .stats-meta{
  font-size:11px !important;
  color:var(--p-ink-dim) !important;
  margin-top:14px !important;
  padding-top:14px;
  border-top:1px solid var(--p-line);
}
#page-stats .stats-meta b{color:var(--p-ink) !important;}

/* Movies vs TV split */
#page-stats .ssplit-bar{
  border-radius:9999px !important;
  overflow:hidden;
  border:1px solid var(--p-line) !important;
}
#page-stats .ssplit-m,
#page-stats .ssplit-t{
  transition:filter var(--p-base) var(--p-ease);
}
#page-stats .ssplit-m:hover,
#page-stats .ssplit-t:hover{filter:brightness(1.15);}

/* Share-card блок */
#page-stats .stats-share{
  background:linear-gradient(135deg,
    rgba(212,182,86,.04) 0%,
    rgba(212,182,86,.01) 100%) !important;
  border-color:rgba(212,182,86,.2) !important;
}
#page-stats .stats-share .btn-g{
  padding:14px 26px !important;
  border-radius:var(--p-r) !important;
  transition:
    background var(--p-base) var(--p-ease),
    transform var(--p-base) var(--p-ease),
    box-shadow var(--p-base) var(--p-ease) !important;
}
#page-stats .stats-share .btn-g:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(212,182,86,.35);
}

/* Empty state */
#page-stats .stats-empty{
  padding:60px 24px !important;
  background:var(--p-surface) !important;
  border:1px solid var(--p-line) !important;
  border-radius:var(--p-r-lg) !important;
}
#page-stats .stats-empty-ico{
  opacity:.6;
  font-size:56px !important;
  margin-bottom:18px !important;
}
#page-stats .stats-empty-title{
  font-size:20px !important;
  letter-spacing:2px !important;
  color:var(--p-accent) !important;
}
#page-stats .stats-empty-sub{
  font-size:14px !important;
  color:var(--p-ink-mute) !important;
  max-width:36ch;
  margin:0 auto 24px;
  line-height:1.6;
}