/* Echo Arena — Central de Inteligência / dados reais */
:root{
  --st-bg:#060910;
  --st-panel:#0a1120;
  --st-panel2:#0e1728;
  --st-line:rgba(145,162,204,.14);
  --st-muted:#94a0b6;
  --st-dim:#66738d;
  --st-ink:#f6f8ff;
  --st-violet:#9367ff;
  --st-cyan:#35d9ee;
  --st-green:#48e1a4;
  --st-yellow:#f4c451;
  --st-display:'Barlow Condensed',Inter,sans-serif;
}

body[data-public-module="estatisticas"]{
  background:
    radial-gradient(circle at 78% 1%,rgba(54,110,198,.16),transparent 34rem),
    radial-gradient(circle at 14% 36%,rgba(122,66,220,.08),transparent 31rem),
    linear-gradient(180deg,#060910,#080b14 58%,#060910);
  color:var(--st-ink);
}

body[data-public-module="estatisticas"] .stats-shell{
  max-width:1500px;
  margin:0 auto;
  padding:32px max(22px,calc((100vw - 1500px)/2)) 78px;
}

.stats-explorer{
  position:relative;
  min-height:540px;
  display:grid;
  grid-template-columns:minmax(390px,.86fr) minmax(520px,1.14fr);
  overflow:hidden;
  border:1px solid rgba(139,158,203,.15);
  border-radius:24px;
  background:
    radial-gradient(circle at 78% 43%,rgba(53,217,238,.09),transparent 27%),
    radial-gradient(circle at 68% 68%,rgba(147,103,255,.14),transparent 31%),
    linear-gradient(112deg,rgba(6,10,20,.995) 0 43%,rgba(8,14,27,.96) 67%,rgba(6,11,21,.99));
  box-shadow:0 34px 95px #0008,inset 0 0 80px rgba(74,104,174,.035);
  isolation:isolate;
}

.stats-explorer::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(125,145,190,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,145,190,.028) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.38) 40%,#000 72%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.38) 40%,#000 72%,transparent 100%);
}

.stats-explorer::after{
  content:"";
  position:absolute;
  z-index:0;
  width:46%;
  aspect-ratio:1;
  right:5%;
  top:7%;
  border:1px solid rgba(99,122,179,.09);
  border-radius:50%;
  box-shadow:
    0 0 0 64px rgba(89,111,171,.025),
    0 0 0 128px rgba(89,111,171,.018),
    0 0 100px rgba(104,76,225,.08);
}

.stats-watermark{
  position:absolute;
  z-index:0;
  right:-2%;
  top:-26px;
  color:rgba(172,159,255,.045);
  font:900 clamp(150px,18vw,285px)/.82 var(--st-display);
  letter-spacing:-.06em;
  white-space:nowrap;
  text-transform:uppercase;
  user-select:none;
}

.stats-copy{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:58px 28px 58px 52px;
}

.stats-kicker,.stats-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  color:#baa5ff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.stats-kicker::before,.stats-eyebrow::before{
  content:"";
  width:28px;
  height:1px;
  background:linear-gradient(90deg,var(--st-violet),var(--st-cyan));
  box-shadow:0 0 10px rgba(53,217,238,.18);
}

.stats-title{
  max-width:690px;
  margin:17px 0 12px;
  font:900 clamp(66px,6.8vw,106px)/.82 var(--st-display);
  letter-spacing:-.042em;
  text-transform:uppercase;
  color:#f8faff;
  text-wrap:balance;
}

.stats-title span{
  background:linear-gradient(112deg,#c1a8ff 3%,#9367ff 48%,#35d9ee 115%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.stats-lead{
  max-width:610px;
  margin:0;
  color:#a8b4c9;
  font-size:13px;
  line-height:1.72;
}

.stats-live{
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin-top:19px;
  padding:8px 11px;
  border:1px solid rgba(72,225,164,.28);
  border-radius:999px;
  background:rgba(72,225,164,.055);
  color:#a9b7cb;
  font-size:9px;
}

.stats-live i{
  flex:0 0 auto;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--st-green);
  box-shadow:0 0 13px var(--st-green);
}

.stats-live.partial{border-color:rgba(244,196,81,.3);background:rgba(244,196,81,.06)}
.stats-live.partial i{background:var(--st-yellow);box-shadow:0 0 12px var(--st-yellow)}

.stats-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.stats-button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  border:1px solid rgba(147,103,255,.42);
  border-radius:10px;
  background:linear-gradient(135deg,#9367ff,#6d3ce0);
  box-shadow:0 11px 30px rgba(74,43,159,.2),inset 0 1px rgba(255,255,255,.12);
  color:#fff;
  text-decoration:none;
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  transition:transform .18s ease,filter .18s ease;
}
.stats-button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.stats-button.secondary{background:#0b1424;border-color:var(--st-line);color:#b6c0d2;box-shadow:none}

.stats-command-panel{
  position:relative;
  z-index:3;
  align-self:center;
  margin:34px 38px 34px 10px;
  padding:17px;
  border:1px solid rgba(132,153,202,.15);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(11,19,34,.92),rgba(7,13,25,.77));
  box-shadow:0 24px 70px #0006,inset 0 0 50px rgba(76,105,172,.04);
  backdrop-filter:blur(8px);
}

.stats-command-panel::before{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(53,217,238,.045);
  border-radius:14px;
  pointer-events:none;
}

.stats-command-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:4px 5px 15px;
  border-bottom:1px solid rgba(140,159,201,.11);
}

.stats-command-head span{display:block;color:#66758d;font-size:7px;font-weight:900;letter-spacing:.14em}
.stats-command-head strong{display:block;margin-top:3px;font:800 22px/1 var(--st-display);text-transform:uppercase}
.stats-command-head small{padding:6px 8px;border:1px solid rgba(53,217,238,.16);border-radius:999px;color:#8fddea;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}

.stats-command-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}

.stats-command-card{
  min-height:122px;
  padding:14px;
  border:1px solid rgba(139,157,198,.11);
  border-radius:13px;
  background:
    radial-gradient(circle at 100% 0,rgba(147,103,255,.09),transparent 42%),
    linear-gradient(145deg,rgba(13,22,39,.88),rgba(8,14,26,.72));
}
.stats-command-card small{display:block;color:#71809a;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.stats-command-card strong{display:block;margin:10px 0 4px;font:900 42px/.9 var(--st-display)}
.stats-command-card span{color:#69778e;font-size:8px}
.stats-command-card.error strong{font-size:28px;color:var(--st-yellow)}

.stats-command-foot{position:relative;z-index:1;display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:11px 5px 3px}
.stats-command-foot i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--st-cyan);box-shadow:0 0 12px rgba(53,217,238,.7)}
.stats-command-foot p{margin:0;color:#7f8da4;font-size:9px;line-height:1.5}

.stats-section{margin-top:36px}
.stats-section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:15px}
.stats-section-head h2{margin:6px 0 0;font:900 clamp(30px,3.2vw,42px)/.95 var(--st-display);letter-spacing:-.015em;text-transform:uppercase}
.stats-section-head p{max-width:780px;margin:7px 0 0;color:var(--st-muted);font-size:11px;line-height:1.55}
.stats-section-head>a{flex:0 0 auto;color:#a998df;text-decoration:none;font-size:9px;font-weight:800;text-transform:uppercase}
.stats-section-meta{color:#66758d;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}

.stats-activity-layout{
  display:grid;
  grid-template-columns:minmax(0,1.34fr) minmax(280px,.66fr);
  gap:14px;
}

.stats-activity-board,.stats-reading-card,.stats-coverage-panel,.stats-build-list,.stats-build-context{
  border:1px solid var(--st-line);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(12,20,35,.93),rgba(8,14,26,.9));
  box-shadow:0 18px 46px #0003;
}

.stats-activity-board{padding:17px}
.stats-panel-label{display:flex;justify-content:space-between;gap:12px;padding:2px 2px 13px;color:#687890;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.stats-panel-label small{color:#53627a}
.stats-ranking-list{display:grid;gap:8px}

.stats-rank-row{
  --rank-color:#9367ff;
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 82px 82px 82px;
  align-items:center;
  gap:10px;
  min-height:78px;
  padding:10px 12px;
  overflow:hidden;
  border:1px solid rgba(145,162,204,.10);
  border-radius:13px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--rank-color) 6%,#08101c),#08101c 42%);
  color:inherit;
  text-decoration:none;
}

.stats-rank-row::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:var(--activity-width,0%);
  height:2px;
  background:linear-gradient(90deg,var(--rank-color),var(--st-cyan));
  opacity:.7;
}

.stats-rank-row .rank{width:38px;height:38px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--rank-color) 35%,transparent);border-radius:10px;color:color-mix(in srgb,var(--rank-color) 75%,white);font:800 17px var(--st-display)}
.stats-rank-hero{display:flex;align-items:center;gap:11px;min-width:0}
.stats-rank-avatar{width:50px;height:50px;overflow:hidden;border:1px solid rgba(145,162,204,.14);border-radius:12px;background:#0d1626}
.stats-rank-avatar img{width:100%;height:100%;object-fit:contain}
.stats-rank-hero b{display:block;overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.stats-rank-hero small{display:block;margin-top:3px;color:#66758d;font-size:8px}
.stats-rank-value span{display:block;color:#66758d;font-size:7px;font-weight:900;text-transform:uppercase}
.stats-rank-value strong{display:block;margin-top:4px;font:800 20px var(--st-display)}

.stats-reading-card{position:relative;padding:28px;overflow:hidden}
.stats-reading-card::before{content:"";position:absolute;inset:auto -10% -28% 20%;aspect-ratio:1;border:1px solid rgba(147,103,255,.12);border-radius:50%;box-shadow:0 0 0 35px rgba(147,103,255,.025),0 0 0 70px rgba(53,217,238,.015)}
.stats-reading-index{position:absolute;right:20px;top:13px;color:rgba(183,168,255,.08);font:900 92px/.85 var(--st-display)}
.stats-reading-card>small{position:relative;color:#8b78d4;font-size:7px;font-weight:900;letter-spacing:.14em}
.stats-reading-card h3{position:relative;max-width:280px;margin:18px 0 12px;font:900 36px/.92 var(--st-display);text-transform:uppercase}
.stats-reading-card p{position:relative;margin:0;color:#8f9cb0;font-size:10px;line-height:1.7}

.stats-coverage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.stats-coverage-panel{padding:18px}
.stats-coverage-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(145,162,204,.10)}
.stats-coverage-panel>header small{color:#6e7d95;font-size:7px;font-weight:900;letter-spacing:.12em}
.stats-coverage-panel>header h3{margin:4px 0 0;font:800 25px/1 var(--st-display);text-transform:uppercase}
.stats-coverage-panel>header>strong{font:900 34px/.9 var(--st-display);color:#c6b4ff}
.stats-distribution{display:grid;gap:10px;margin-top:15px}
.stats-distribution-row{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(160px,1fr) 44px;align-items:center;gap:12px}
.stats-distribution-label{min-width:0;color:#b9c3d3;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stats-distribution-track{height:7px;overflow:hidden;border:1px solid rgba(137,156,198,.10);border-radius:999px;background:#070d18}
.stats-distribution-fill{display:block;height:100%;width:var(--bar-width,0%);border-radius:inherit;background:linear-gradient(90deg,var(--bar-color,#9367ff),color-mix(in srgb,var(--bar-color,#9367ff) 38%,#35d9ee));box-shadow:0 0 12px color-mix(in srgb,var(--bar-color,#9367ff) 25%,transparent)}
.stats-distribution-value{text-align:right;font:800 19px var(--st-display)}

.stats-build-layout{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(280px,.66fr);gap:14px}
.stats-build-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:17px}
.stats-build-row{position:relative;min-height:150px;padding:15px;border:1px solid rgba(145,162,204,.10);border-radius:13px;background:linear-gradient(145deg,rgba(12,21,38,.94),rgba(7,13,24,.86));overflow:hidden}
.stats-build-row::before{content:"";position:absolute;right:-16px;top:-22px;width:100px;height:100px;border:1px solid rgba(147,103,255,.08);border-radius:50%;box-shadow:0 0 0 24px rgba(147,103,255,.018)}
.stats-build-row>small{position:relative;display:block;color:#7463b2;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.stats-build-row b{position:relative;display:block;margin-top:8px;font:800 20px/1.05 var(--st-display);text-transform:uppercase}
.stats-build-row p{position:relative;margin:6px 0 0;color:#7e8ca2;font-size:9px}
.stats-build-row .meta{position:absolute;left:15px;right:15px;bottom:13px;display:flex;gap:8px;flex-wrap:wrap;color:#8e9cb1;font-size:8px}
.stats-build-row .meta span{padding:4px 6px;border:1px solid rgba(145,162,204,.10);border-radius:999px;background:rgba(5,10,18,.38)}

.stats-build-context{padding:24px}
.stats-build-context>small{color:#7967ba;font-size:7px;font-weight:900;letter-spacing:.12em}
.stats-build-context>strong{display:block;margin-top:11px;font:900 39px/.92 var(--st-display);text-transform:uppercase}
.stats-build-context>p{margin:10px 0 18px;color:#8997ad;font-size:10px;line-height:1.65}
.stats-signal-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(145,162,204,.10)}
.stats-signal-row span{color:#718099;font-size:9px}.stats-signal-row b{font:800 19px var(--st-display)}

.stats-methodology{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:22px;margin-top:38px;padding:22px;border:1px solid rgba(145,162,204,.11);border-radius:18px;background:rgba(8,14,26,.68)}
.stats-methodology>div:first-child span{color:#7968b4;font-size:7px;font-weight:900;letter-spacing:.13em}
.stats-methodology h2{max-width:440px;margin:7px 0 0;font:900 28px/.98 var(--st-display);text-transform:uppercase}
.stats-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.stats-method-grid p{margin:0;padding:12px;border-left:1px solid rgba(145,162,204,.11);color:#7e8ca2;font-size:9px;line-height:1.62}
.stats-method-grid b{color:#b9c4d6}.stats-method-grid code{color:#9da9bd;font-size:8px}

.stats-empty{min-height:170px;display:grid;place-items:center;padding:26px;border:1px dashed rgba(145,162,204,.18);border-radius:14px;color:#79879e;text-align:center;font-size:10px;line-height:1.65}
.stats-empty.compact{min-height:120px}

@media(max-width:1180px) and (min-width:821px){
  body[data-public-module="estatisticas"] .stats-shell{padding-top:22px}
  .stats-explorer{min-height:510px;grid-template-columns:minmax(330px,.78fr) minmax(470px,1.22fr)}
  .stats-copy{padding:46px 20px 46px 34px}
  .stats-title{font-size:clamp(58px,6vw,78px)}
  .stats-lead{font-size:12px;line-height:1.62}
  .stats-command-panel{margin:28px 22px 28px 4px}
  .stats-command-card{min-height:110px}
  .stats-command-card strong{font-size:36px}
  .stats-rank-row{grid-template-columns:42px minmax(0,1fr) 70px 70px 70px}
  .stats-reading-card{padding:22px}
  .stats-reading-card h3{font-size:31px}
}

@media(max-width:920px){
  .stats-activity-layout,.stats-build-layout{grid-template-columns:1fr}
  .stats-reading-card,.stats-build-context{min-height:220px}
}

@media(max-width:820px){
  .stats-explorer{grid-template-columns:1fr;min-height:auto}
  .stats-copy{padding:42px 28px 16px}
  .stats-command-panel{margin:8px 28px 34px}
  .stats-title{font-size:clamp(58px,11vw,82px)}
  .stats-coverage-grid{grid-template-columns:1fr}
  .stats-methodology{grid-template-columns:1fr}
}

@media(max-width:700px){
  body[data-public-module="estatisticas"] .stats-shell{padding:20px 14px 60px}
  .stats-explorer{border-radius:18px}
  .stats-copy{padding:34px 20px 12px}
  .stats-title{font-size:57px}
  .stats-lead{font-size:12px}
  .stats-command-panel{margin:8px 14px 24px;padding:12px}
  .stats-command-grid{grid-template-columns:1fr 1fr;gap:7px}
  .stats-command-card{min-height:105px;padding:11px}
  .stats-command-card strong{font-size:32px}
  .stats-section{margin-top:30px}
  .stats-section-head{align-items:flex-start;flex-direction:column}
  .stats-rank-row{grid-template-columns:34px minmax(0,1fr) 62px;padding:9px}
  .stats-rank-value:nth-last-child(-n+2){display:none}
  .stats-rank-avatar{width:44px;height:44px}
  .stats-build-list{grid-template-columns:1fr;padding:12px}
  .stats-distribution-row{grid-template-columns:minmax(100px,.5fr) minmax(110px,1fr) 34px;gap:8px}
  .stats-method-grid{grid-template-columns:1fr}
  .stats-method-grid p{border-left:0;border-top:1px solid rgba(145,162,204,.11)}
}

@media(pointer:coarse){.stats-button{min-height:48px;padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.stats-button{transition:none!important}}