/* ==========================================================
   Factor Partido — Analysis Premium V2
   Visual overlay para /analisis/{id}
   ========================================================== */

body.fp-analysis-v2{
  background:
    radial-gradient(circle at 10% 0%, rgba(0,194,199,.08), transparent 28%),
    radial-gradient(circle at 90% 20%, rgba(99,102,241,.08), transparent 30%),
    var(--bg);
}

/* Hero más compacto */
body.fp-analysis-v2 .mhero{
  margin-top:58px!important;
  padding:22px 48px 0!important;
  background:
    radial-gradient(circle at 20% 0%, rgba(0,194,199,.16), transparent 32%),
    linear-gradient(135deg,#070a12 0%,#0c1524 58%,#07101d 100%)!important;
}

body.fp-analysis-v2 .mhero .lang-sw{
  margin-bottom:10px!important;
}

body.fp-analysis-v2 .mhero > div[style*="display:flex"][style*="align-items:center"]{
  max-width:1180px;
  margin:0 auto!important;
  gap:24px!important;
}

body.fp-analysis-v2 .mhero div[style*="width:66px"]{
  width:56px!important;
  height:56px!important;
  margin-bottom:8px!important;
}

body.fp-analysis-v2 .mhero div[style*="font-size:22px"]{
  font-size:18px!important;
  line-height:1.05!important;
}

body.fp-analysis-v2 .mhero div[style*="font-size:46px"]{
  font-size:42px!important;
  line-height:1!important;
}

/* Tabs sticky, compactos */
body.fp-analysis-v2 .mhero > div:last-child{
  max-width:1180px;
  margin:18px auto 0!important;
}

body.fp-analysis-v2 .tab-btn{
  padding:12px 14px!important;
  font-size:12px!important;
  border-radius:12px 12px 0 0;
}

body.fp-analysis-v2 .tab-btn.active{
  background:rgba(0,194,199,.06)!important;
}

/* Quickbar agregada por JS */
.fp-analysis-quickbar{
  max-width:1180px;
  margin:18px auto 0;
  display:grid;
  grid-template-columns:1.2fr repeat(4,minmax(0,.72fr));
  gap:10px;
}

.fp-qcard{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  border-radius:16px;
  padding:12px 14px;
  min-width:0;
}

.fp-qcard.primary{
  background:linear-gradient(135deg,rgba(0,194,199,.10),rgba(34,197,94,.045));
  border-color:rgba(0,194,199,.18);
}

.fp-q-label{
  color:var(--gray2);
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  margin-bottom:5px;
}

.fp-q-value{
  font-family:var(--font-h);
  font-size:18px;
  font-weight:900;
  color:var(--white);
  line-height:1.05;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.fp-q-value.cyan{color:var(--cyan)}
.fp-q-value.green{color:var(--green)}
.fp-q-value.yellow{color:var(--yellow)}
.fp-q-desc{
  color:var(--gray);
  font-size:11px;
  line-height:1.35;
  margin-top:4px;
}

/* Layout principal */
body.fp-analysis-v2 .alayout{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:22px 26px 24px!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:18px!important;
  align-items:start!important;
}

body.fp-analysis-v2 .alayout > div:first-child{
  min-width:0;
}

body.fp-analysis-v2 .alayout > div:last-child{
  position:sticky;
  top:76px;
  align-self:start;
}

/* Cards más premium y compactas */
body.fp-analysis-v2 .acard,
body.fp-analysis-v2 .fp-hero-reading,
body.fp-analysis-v2 .fp-panel,
body.fp-analysis-v2 .tip-box,
body.fp-analysis-v2 .kstat{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.14);
}

body.fp-analysis-v2 .acard{
  padding:18px!important;
  margin-bottom:14px!important;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,255,255,.035), transparent 34%),
    var(--card)!important;
}

body.fp-analysis-v2 .acard h3{
  font-size:15px!important;
  margin-bottom:13px!important;
}

body.fp-analysis-v2 .prob-bar{
  height:7px!important;
}

/* Probabilidades: más limpias */
body.fp-analysis-v2 #tab-analysis .acard:first-child,
body.fp-analysis-v2 #tab-analysis .acard:has(.prob-bar){
  overflow:hidden;
}

body.fp-analysis-v2 #tab-analysis .acard:has(.prob-bar) > div[style*="margin-bottom"]{
  padding:10px 0!important;
  border-bottom:1px solid rgba(255,255,255,.04);
}

body.fp-analysis-v2 #tab-analysis .acard:has(.prob-bar) > div[style*="margin-bottom"]:last-child{
  border-bottom:0;
}

/* Modelo FP más fuerte pero menos largo */
body.fp-analysis-v2 .fp-hero-reading{
  padding:18px!important;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,194,199,.12), transparent 38%),
    linear-gradient(135deg,rgba(0,194,199,.06),rgba(99,102,241,.05))!important;
}

body.fp-analysis-v2 .fp-score-wrap{
  grid-template-columns:140px minmax(0,1fr)!important;
  gap:14px!important;
}

body.fp-analysis-v2 .fp-score-circle{
  width:118px!important;
  height:118px!important;
}

body.fp-analysis-v2 .fp-score-num{
  font-size:34px!important;
}

body.fp-analysis-v2 .fp-reading-title{
  font-size:19px!important;
  margin:8px 0 6px!important;
}

body.fp-analysis-v2 .fp-reading-text{
  font-size:12.5px!important;
  line-height:1.55!important;
}

body.fp-analysis-v2 .fp-matrix{
  gap:8px!important;
}

body.fp-analysis-v2 .fp-metric{
  padding:11px!important;
  border-radius:14px!important;
}

body.fp-analysis-v2 .fp-metric-value{
  font-size:18px!important;
}

/* Variables compactas */
body.fp-analysis-v2 .vgrid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}

body.fp-analysis-v2 .vcard{
  padding:12px 8px!important;
  border-radius:14px!important;
}

body.fp-analysis-v2 .vscore{
  font-size:18px!important;
}

/* Sidebar */
body.fp-analysis-v2 .alayout > div:last-child .acard{
  padding:15px!important;
  border-radius:16px!important;
}

body.fp-analysis-v2 .alayout > div:last-child .sbtn{
  padding:9px!important;
  border-radius:12px!important;
  font-size:12px!important;
}

/* Live panel arriba más integrado */
body.fp-analysis-v2 .live-pro-panel{
  max-width:1180px;
  margin:22px auto 0!important;
  border-radius:20px!important;
}

body.fp-analysis-v2 .live-score-side,
body.fp-analysis-v2 .live-tools-side{
  padding:18px 22px!important;
}

body.fp-analysis-v2 .live-big-score{
  font-size:46px!important;
}

body.fp-analysis-v2 .live-team-name{
  font-size:19px!important;
}

body.fp-analysis-v2 .live-extra-grid{
  gap:8px!important;
}

/* Tabs internas */
body.fp-analysis-v2 .tc > div[style*="padding:26px 48px"]{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:22px 26px 34px!important;
}

/* Lineups / live center más alineados al nuevo ancho */
body.fp-analysis-v2 #tab-lineups .pro-grid,
body.fp-analysis-v2 #tab-livecenter .fp-live-center-shell{
  max-width:1180px!important;
  margin:0 auto!important;
  padding-left:26px!important;
  padding-right:26px!important;
}

/* Related */
body.fp-analysis-v2 .analysis-related-v2{
  max-width:1180px;
  margin:10px auto 34px;
  padding:0 26px;
}

/* CTA flotante mobile */
.fp-analysis-mobile-cta{
  display:none;
}

/* Responsive */
@media(max-width:1020px){
  .fp-analysis-quickbar{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-left:20px;
    margin-right:20px;
  }

  body.fp-analysis-v2 .alayout{
    grid-template-columns:1fr!important;
    padding:18px 20px!important;
  }

  body.fp-analysis-v2 .alayout > div:last-child{
    position:static!important;
  }

  body.fp-analysis-v2 .vgrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  body.fp-analysis-v2 .mhero{
    padding:18px 18px 0!important;
  }

  body.fp-analysis-v2 .mhero > div[style*="display:flex"][style*="align-items:center"]{
    gap:10px!important;
  }

  body.fp-analysis-v2 .mhero div[style*="width:66px"],
  body.fp-analysis-v2 .mhero div[style*="width:56px"]{
    width:46px!important;
    height:46px!important;
  }

  body.fp-analysis-v2 .mhero div[style*="font-size:22px"],
  body.fp-analysis-v2 .mhero div[style*="font-size:18px"]{
    font-size:14px!important;
  }

  body.fp-analysis-v2 .mhero div[style*="font-size:46px"],
  body.fp-analysis-v2 .mhero div[style*="font-size:42px"]{
    font-size:32px!important;
  }

  .fp-analysis-quickbar{
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:14px 0 0;
  }

  .fp-qcard{
    padding:10px;
    border-radius:14px;
  }

  .fp-qcard.primary{
    grid-column:1/-1;
  }

  .fp-q-value{
    font-size:15px;
  }

  body.fp-analysis-v2 .tab-btn{
    padding:11px 10px!important;
    font-size:11px!important;
  }

  body.fp-analysis-v2 .fp-score-wrap{
    grid-template-columns:1fr!important;
  }

  body.fp-analysis-v2 .fp-score-circle{
    width:108px!important;
    height:108px!important;
  }

  body.fp-analysis-v2 .vgrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.fp-analysis-v2 .live-pro-panel.active{
    grid-template-columns:1fr!important;
  }

  body.fp-analysis-v2 .live-score-side{
    border-right:0!important;
    border-bottom:1px solid var(--border);
  }

  .fp-analysis-mobile-cta{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:99;
    padding:8px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(7,13,23,.88);
    backdrop-filter:blur(16px);
    box-shadow:0 18px 40px rgba(0,0,0,.35);
  }

  .fp-analysis-mobile-cta button{
    border:0;
    border-radius:13px;
    padding:10px 6px;
    font-size:10px;
    font-weight:900;
    color:#001018;
    background:var(--cyan);
  }
}