/* MiKO LIVE STATISTICS — compact premium strip, scoped to this component only */
.miko-site-stats.miko-live-stats-compact{
  --miko-stats-bg:#0b1b30;
  --miko-stats-panel:rgba(18,42,69,.72);
  --miko-stats-line:rgba(112,174,225,.20);
  --miko-stats-cyan:#45b9ff;
  --miko-stats-green:#40e39a;
  --miko-stats-red:#ff5e6c;
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 50% -80%,rgba(36,139,224,.14),transparent 55%),
    linear-gradient(180deg,#0d2037 0%,var(--miko-stats-bg) 100%)!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  border-bottom:1px solid rgba(53,145,221,.14)!important;
  padding:4px 0 5px!important;
  overflow:hidden!important;
}
.miko-site-stats.miko-live-stats-compact,
.miko-site-stats.miko-live-stats-compact *{box-sizing:border-box}
.miko-site-stats.miko-live-stats-compact .miko-site-stats__head{
  max-width:1780px;
  margin:0 auto 3px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:5px;
  min-height:10px;
  color:#dbe8f7;
  font-size:7.5px;
  line-height:1;
  letter-spacing:.085em;
  white-space:nowrap;
}
.miko-site-stats.miko-live-stats-compact .miko-site-stats__head b{font-weight:800}
.miko-site-stats.miko-live-stats-compact .miko-site-stats__head small{
  margin-left:5px;
  padding-left:9px;
  border-left:1px solid rgba(178,208,233,.24);
  color:#7389a3;
  font-size:7px;
  line-height:1;
  letter-spacing:0;
  font-weight:600;
}
.miko-site-stats.miko-live-stats-compact .miko-live-dot{
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:var(--miko-stats-green);
  box-shadow:0 0 8px rgba(64,227,154,.55);
  animation:mikoStatsDot 2.2s ease-in-out infinite;
}
.miko-site-stats.miko-live-stats-compact .miko-site-stats__inner{
  width:min(1780px,calc(100% - 28px))!important;
  max-width:1780px!important;
  margin:0 auto!important;
  padding:0 14px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.miko-site-stats.miko-live-stats-compact .miko-site-stat{
  position:relative!important;
  min-width:0!important;
  min-height:44px!important;
  display:grid!important;
  grid-template-columns:27px minmax(0,1fr) 42px!important;
  grid-template-rows:1fr 1fr!important;
  column-gap:7px!important;
  row-gap:0!important;
  align-items:center!important;
  padding:4px 8px!important;
  text-align:left!important;
  border:1px solid var(--miko-stats-line)!important;
  border-radius:8px!important;
  background:
    linear-gradient(120deg,rgba(255,255,255,.026),rgba(41,112,172,.045) 58%,rgba(255,255,255,.018)),
    var(--miko-stats-panel)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 3px 10px rgba(0,0,0,.075)!important;
  overflow:hidden!important;
  isolation:isolate;
  transition:border-color .25s ease,background .25s ease,transform .25s ease!important;
}
.miko-site-stats.miko-live-stats-compact .miko-site-stat::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-35%;
  bottom:-35%;
  width:28%;
  left:-45%;
  background:linear-gradient(105deg,transparent,rgba(65,174,255,.025),rgba(109,202,255,.11),rgba(65,174,255,.025),transparent);
  transform:skewX(-18deg);
  animation:mikoStatsSweep 6.5s ease-in-out infinite;
  pointer-events:none;
}
.miko-site-stats.miko-live-stats-compact .miko-site-stat:nth-child(2)::before{animation-delay:1.2s}
.miko-site-stats.miko-live-stats-compact .miko-site-stat:nth-child(3)::before{animation-delay:2.4s}
.miko-site-stats.miko-live-stats-compact .miko-site-stat:nth-child(4)::before{animation-delay:3.6s}

.miko-site-stats.miko-live-stats-compact .miko-stat-icon{
  position:static!important;
  grid-column:1!important;
  grid-row:1 / 3!important;
  width:27px!important;
  height:27px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  background:radial-gradient(circle at 35% 30%,rgba(70,178,255,.22),rgba(37,106,166,.09))!important;
  color:#62c6ff!important;
  box-shadow:
    inset 0 0 0 1px rgba(93,184,247,.14),
    0 0 10px rgba(57,162,238,.08)!important;
}
.miko-site-stats.miko-live-stats-compact .miko-stat-icon svg{
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.miko-site-stats.miko-live-stats-compact .miko-site-stat:nth-child(3) .miko-stat-icon{
  color:#f0bd42!important;
  background:radial-gradient(circle at 35% 30%,rgba(246,197,70,.21),rgba(111,84,24,.08))!important;
  box-shadow:inset 0 0 0 1px rgba(246,197,70,.13)!important;
}
.miko-site-stats.miko-live-stats-compact .miko-site-stat:nth-child(4) .miko-stat-icon{
  color:#54e7a1!important;
  background:radial-gradient(circle at 35% 30%,rgba(78,224,155,.22),rgba(34,105,78,.08))!important;
  box-shadow:
    inset 0 0 0 1px rgba(78,224,155,.14),
    0 0 12px rgba(52,214,143,.09)!important;
}
.miko-site-stats.miko-live-stats-compact .miko-site-stat strong{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  display:block!important;
  min-width:0!important;
  color:#fff!important;
  font-size:clamp(17px,1.45vw,21px)!important;
  line-height:.96!important;
  font-weight:800!important;
  letter-spacing:.018em!important;
  font-variant-numeric:tabular-nums!important;
  text-shadow:0 0 10px rgba(95,180,255,.20)!important;
  white-space:nowrap!important;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .miko-site-stats.miko-live-stats-compact .miko-site-stat strong:not(:only-child){
    background:linear-gradient(100deg,#fff 20%,#9ad9ff 43%,#fff 56%,#fff 82%);
    background-size:230% 100%;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:mikoStatsNumberShimmer 5.2s linear infinite;
  }
}
.miko-site-stats.miko-live-stats-compact .miko-site-stat > span:not(.miko-stat-icon){
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
  display:block!important;
  min-width:0!important;
  color:#9aadc2!important;
  font-size:8px!important;
  line-height:1.15!important;
  font-weight:650!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.miko-site-stats.miko-live-stats-compact .miko-stat-delta{
  grid-column:3!important;
  grid-row:1!important;
  align-self:end!important;
  justify-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:2px!important;
  min-height:12px;
  color:var(--miko-stats-green);
  font-size:8px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:850!important;
  white-space:nowrap!important;
  opacity:0;
  transform:translateY(2px);
  transition:opacity .2s ease,transform .2s ease;
}
.miko-site-stats.miko-live-stats-compact .miko-stat-delta.is-visible{opacity:1;transform:translateY(0)}
.miko-site-stats.miko-live-stats-compact .miko-stat-delta.is-down{color:var(--miko-stats-red)}
.miko-site-stats.miko-live-stats-compact .miko-mini-trend{
  grid-column:3!important;
  grid-row:2!important;
  align-self:start!important;
  justify-self:end!important;
  width:38px!important;
  height:12px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  gap:2px!important;
  color:transparent!important;
  font-size:0!important;
  font-style:normal!important;
  overflow:hidden!important;
  opacity:.82!important;
}
.miko-site-stats.miko-live-stats-compact .miko-mini-trend span{
  display:block;
  width:3px;
  min-height:2px;
  border-radius:2px 2px 0 0;
  background:linear-gradient(180deg,#62c9ff,#278ce3);
  box-shadow:0 0 5px rgba(67,173,255,.28);
  transform-origin:center bottom;
  animation:mikoStatsBar 1.35s ease-in-out infinite alternate;
}
.miko-site-stats.miko-live-stats-compact .miko-mini-trend span:nth-child(1){height:25%;animation-delay:-.7s}
.miko-site-stats.miko-live-stats-compact .miko-mini-trend span:nth-child(2){height:42%;animation-delay:-.45s}
.miko-site-stats.miko-live-stats-compact .miko-mini-trend span:nth-child(3){height:58%;animation-delay:-.2s}
.miko-site-stats.miko-live-stats-compact .miko-mini-trend span:nth-child(4){height:76%;animation-delay:-.9s}
.miko-site-stats.miko-live-stats-compact .miko-mini-trend span:nth-child(5){height:92%;animation-delay:-.55s}
.miko-site-stats.miko-live-stats-compact .miko-mini-trend span:nth-child(6){height:70%;animation-delay:-.3s}
.miko-site-stats.miko-live-stats-compact .miko-live-pill{
  grid-column:3!important;
  grid-row:1 / 3!important;
  align-self:center!important;
  justify-self:end!important;
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:31px!important;
  height:16px!important;
  padding:0 7px!important;
  border:1px solid rgba(73,225,157,.12)!important;
  border-radius:999px!important;
  background:rgba(34,155,104,.16)!important;
  color:#5bf0aa!important;
  font-size:7px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  box-shadow:0 0 10px rgba(43,210,137,.09)!important;
  animation:mikoStatsLivePill 2.5s ease-in-out infinite;
}
.miko-site-stats.miko-live-stats-compact .miko-site-stat.miko-changed{
  animation:mikoStatsChanged .65s ease!important;
}
.miko-site-stats.miko-live-stats-compact .miko-site-stat.miko-changed strong{
  text-shadow:0 0 14px rgba(101,194,255,.58)!important;
}

@keyframes mikoStatsDot{50%{opacity:.42;transform:scale(.84);box-shadow:0 0 3px rgba(64,227,154,.28)}}
@keyframes mikoStatsSweep{0%,72%{left:-45%}100%{left:125%}}
@keyframes mikoStatsNumberShimmer{0%{background-position:115% 0}100%{background-position:-115% 0}}
@keyframes mikoStatsChanged{0%,100%{transform:translateY(0)}45%{transform:translateY(-1px);border-color:rgba(79,185,255,.48);box-shadow:0 0 12px rgba(49,160,238,.15)}}
@keyframes mikoStatsBar{from{transform:scaleY(.65);opacity:.55}to{transform:scaleY(1.06);opacity:1}}
@keyframes mikoStatsLivePill{50%{box-shadow:0 0 13px rgba(43,210,137,.18);background:rgba(34,155,104,.21)}}

@media(max-width:980px){
  .miko-site-stats.miko-live-stats-compact .miko-site-stats__inner{gap:6px!important;padding:0 10px!important}
  .miko-site-stats.miko-live-stats-compact .miko-site-stats__head{padding:0 10px}
  .miko-site-stats.miko-live-stats-compact .miko-site-stat{grid-template-columns:25px minmax(0,1fr) 36px!important;column-gap:6px!important;padding:4px 7px!important}
  .miko-site-stats.miko-live-stats-compact .miko-stat-icon{width:25px!important;height:25px!important}
  .miko-site-stats.miko-live-stats-compact .miko-site-stat strong{font-size:17px!important}
  .miko-site-stats.miko-live-stats-compact .miko-mini-trend{width:33px!important}
}
@media(max-width:700px){
  .miko-site-stats.miko-live-stats-compact{padding:5px 0 6px!important}
  .miko-site-stats.miko-live-stats-compact .miko-site-stats__head{margin-bottom:4px}
  .miko-site-stats.miko-live-stats-compact .miko-site-stats__inner{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .miko-site-stats.miko-live-stats-compact .miko-site-stat{
    min-height:48px!important;
    border-radius:8px!important;
    grid-template-columns:25px minmax(0,1fr) 34px!important;
  }
  .miko-site-stats.miko-live-stats-compact .miko-site-stat strong{font-size:17px!important}
  .miko-site-stats.miko-live-stats-compact .miko-site-stat > span:not(.miko-stat-icon){font-size:7.5px!important}
  .miko-site-stats.miko-live-stats-compact .miko-mini-trend{width:31px!important}
}
@media(max-width:430px){
  .miko-site-stats.miko-live-stats-compact .miko-site-stats__inner{width:calc(100% - 14px)!important;padding:0 7px!important;gap:4px!important}
  .miko-site-stats.miko-live-stats-compact .miko-site-stats__head{padding:0 7px;font-size:7px}
  .miko-site-stats.miko-live-stats-compact .miko-site-stats__head small{font-size:6.6px;margin-left:3px;padding-left:6px}
  .miko-site-stats.miko-live-stats-compact .miko-site-stat{
    min-height:46px!important;
    grid-template-columns:23px minmax(0,1fr) 30px!important;
    column-gap:5px!important;
    padding:4px 6px!important;
  }
  .miko-site-stats.miko-live-stats-compact .miko-stat-icon{width:23px!important;height:23px!important}
  .miko-site-stats.miko-live-stats-compact .miko-stat-icon svg{width:12px!important;height:12px!important}
  .miko-site-stats.miko-live-stats-compact .miko-site-stat strong{font-size:16px!important}
  .miko-site-stats.miko-live-stats-compact .miko-site-stat > span:not(.miko-stat-icon){font-size:7px!important}
  .miko-site-stats.miko-live-stats-compact .miko-stat-delta{font-size:7px!important}
  .miko-site-stats.miko-live-stats-compact .miko-mini-trend{width:28px!important;height:11px!important;gap:1.5px!important}
  .miko-site-stats.miko-live-stats-compact .miko-mini-trend span{width:2.5px}
}
@media(max-width:360px){
  .miko-site-stats.miko-live-stats-compact .miko-site-stats__head small{max-width:115px;overflow:hidden;text-overflow:ellipsis}
  .miko-site-stats.miko-live-stats-compact .miko-site-stat{
    min-height:45px!important;
    grid-template-columns:22px minmax(0,1fr) 28px!important;
    column-gap:4px!important;
    padding:4px 5px!important;
  }
  .miko-site-stats.miko-live-stats-compact .miko-stat-icon{width:22px!important;height:22px!important}
  .miko-site-stats.miko-live-stats-compact .miko-site-stat strong{font-size:15px!important}
  .miko-site-stats.miko-live-stats-compact .miko-site-stat > span:not(.miko-stat-icon){font-size:6.7px!important}
  .miko-site-stats.miko-live-stats-compact .miko-mini-trend{width:25px!important}
  .miko-site-stats.miko-live-stats-compact .miko-live-pill{min-width:28px!important;padding:0 5px!important;font-size:6.5px!important}
}
@media(prefers-reduced-motion:reduce){
  .miko-site-stats.miko-live-stats-compact *,
  .miko-site-stats.miko-live-stats-compact *::before{
    animation:none!important;
    transition:none!important;
  }
}