/* LAIREN A vs B — controles móvil y lectura redundante eliminada. */
.mu-page[data-view="A_B_SELECTED"] #data-context{display:none!important}
@media(min-width:1181px){
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-view{
  display:grid!important;grid-template-columns:minmax(0,2.35fr) minmax(300px,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;gap:12px!important;align-items:stretch!important
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-left{
  grid-column:1!important;grid-row:1!important;display:block!important;min-width:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-recent{
  grid-column:2!important;grid-row:1!important;min-width:0!important;height:100%!important;
 }
}
@media(max-width:700px){
 .mu-page[data-view="A_B_SELECTED"] .mu-topbar{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  height:auto!important;min-height:0!important;gap:8px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-controls{
  display:grid!important;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)!important;
  grid-template-rows:36px 34px!important;align-items:center!important;
  gap:6px!important;width:100%!important;min-width:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-controls>.mu-picker{
  display:block!important;width:100%!important;min-width:0!important;
  height:36px!important;grid-row:1!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-controls>.mu-picker input{
  display:block!important;width:100%!important;min-width:0!important;
  height:36px!important;min-height:36px!important;padding:0 8px!important;
  font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-controls>.mu-picker[data-side="a"]{grid-column:1!important}
 .mu-page[data-view="A_B_SELECTED"] .mu-controls>.mu-picker[data-side="b"]{grid-column:3!important}
 .mu-page[data-view="A_B_SELECTED"] .mu-controls>.mu-vs{
  grid-column:2!important;grid-row:1!important;display:flex!important;justify-content:center!important;
  align-items:center!important;width:22px!important;height:36px!important;min-height:36px!important;
  margin:0!important;font-size:11px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-controls>.mu-swap{display:none!important}
 .mu-page[data-view="A_B_SELECTED"] .mu-controls>.mu-filter-trigger{
  grid-column:1/-1!important;grid-row:2!important;display:flex!important;
  align-items:center!important;justify-content:center!important;width:100%!important;
  height:34px!important;min-height:34px!important;margin:0!important;font-size:12px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #filters-toggle #active-filter-count{display:none!important}
 .mu-page[data-view="A_B_SELECTED"] .mu-picker .mu-suggestions{
  top:37px!important;max-height:min(45dvh,250px)!important;z-index:200!important
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-left{
  display:block!important;height:auto!important;min-height:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-view{
  display:block!important;height:auto!important;min-height:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero,
 .mu-page[data-view="A_B_SELECTED"] .mu-recent{margin-bottom:9px!important}
}


/* A vs B: teléfono compacto v14. Resumen en dos columnas; resultados legibles. */
@media(max-width:700px){
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero{
  display:flex!important;flex-direction:column!important;
  box-sizing:border-box!important;width:100%!important;min-width:0!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  padding:0!important;overflow:hidden!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:8px!important;box-sizing:border-box!important;
  height:auto!important;min-height:34px!important;max-height:none!important;
  padding:8px 10px!important;margin:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header>span{
  font-size:11px!important;line-height:1.2!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header .mu-evidence{
  font-size:10px!important;white-space:nowrap!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-duel{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) 21px minmax(0,1fr)!important;
  grid-auto-rows:auto!important;gap:4px!important;
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  padding:8px!important;margin:0!important;align-items:stretch!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-duel>div,
 .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:26px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  gap:2px 5px!important;align-content:center!important;align-items:center!important;
  width:100%!important;min-width:0!important;height:auto!important;min-height:93px!important;
  max-width:none!important;margin:0!important;padding:7px 5px!important;
  border:1px solid #243a4c!important;border-radius:7px!important;
  background:#0a1724!important;text-align:left!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>.mu-identity,
 .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child>.mu-identity{
  display:flex!important;grid-column:1!important;grid-row:1/4!important;
  width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;
  align-self:center!important;justify-self:center!important;margin:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-duel .mu-identity .mu-archetype-badge{
  width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>b,
 .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child>b{
  display:block!important;grid-column:2!important;grid-row:1!important;
  min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0!important;
  font-size:11px!important;line-height:1.15!important;overflow-wrap:anywhere!important;
  white-space:normal!important;text-align:left!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>strong,
 .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child>strong{
  display:block!important;grid-column:2!important;grid-row:2!important;
  margin:0!important;padding:0!important;font-size:21px!important;line-height:1.1!important;
  justify-self:start!important;text-align:left!important;white-space:nowrap!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>small,
 .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child>small{
  display:block!important;grid-column:2!important;grid-row:3!important;
  width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
  font-size:9px!important;line-height:1.2!important;white-space:normal!important;
  text-align:left!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-duel>.mu-duel-vs{
  display:flex!important;grid-column:2!important;grid-row:1!important;
  align-items:center!important;justify-content:center!important;
  width:21px!important;min-width:21px!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;font-size:12px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-duel>.mu-duel-vs::before{content:none!important;display:none!important}
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-record{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:auto!important;
  width:calc(100% - 16px)!important;min-width:0!important;max-width:none!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:0 8px 7px!important;padding:5px 2px!important;
  justify-self:stretch!important;align-self:auto!important;align-items:stretch!important;
  gap:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-total{
  box-sizing:border-box!important;grid-column:1!important;grid-row:1!important;
  display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;
  width:100%!important;height:auto!important;min-height:39px!important;
  margin:0!important;padding:2px 1px!important;border:0!important;
  border-right:1px solid #ffffff12!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dl{
  box-sizing:border-box!important;grid-column:2/5!important;grid-row:1!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;height:auto!important;min-height:39px!important;
  margin:0!important;padding:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dl>div{
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  min-width:0!important;height:auto!important;margin:0!important;padding:2px 1px!important;
  border:0!important;border-right:1px solid #ffffff12!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dl>div:last-child{border-right:0!important}
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-total strong,
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dd{
  display:block!important;margin:0!important;padding:0!important;
  font-size:16px!important;line-height:1.15!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-total span,
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dt{
  display:block!important;margin:2px 0 0!important;padding:0!important;
  font-size:9px!important;line-height:1.2!important;text-align:center!important;
  white-space:normal!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>footer{
  box-sizing:border-box!important;display:flex!important;justify-content:center!important;
  align-items:center!important;gap:0!important;
  height:auto!important;min-height:27px!important;max-height:none!important;
  margin:0!important;padding:5px 9px!important;
  font-size:10px!important;line-height:1.2!important;text-align:center!important;
 }
 /* La calidad ya aparece en el encabezado: no repetirla abajo. */
 .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>footer>.mu-evidence{display:none!important}

 /* Resultados recientes: tipografía legible y sin el control Detalle, que repetía la ronda. */
 .mu-page[data-view="A_B_SELECTED"] .mu-recent .mu-events{
  display:grid!important;gap:7px!important;padding:8px!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-recent .mu-events article{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  grid-template-rows:auto auto auto!important;
  column-gap:8px!important;row-gap:6px!important;
  width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;
  padding:11px 12px!important;margin:0!important;
  border-radius:8px!important;align-items:start!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-recent .mu-events article>time{
  grid-column:1!important;grid-row:1!important;display:block!important;
  font-size:12px!important;line-height:1.35!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-recent .mu-events article>div{
  grid-column:1/-1!important;grid-row:2!important;
  display:flex!important;flex-direction:column!important;gap:4px!important;
  min-width:0!important;margin:0!important;padding:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-recent .mu-events article>div>b{
  font-size:14px!important;line-height:1.3!important;font-weight:750!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-recent .mu-events article>div>span{
  display:block!important;font-size:13px!important;line-height:1.35!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-recent .mu-events article>.mu-event-round{
  grid-column:1!important;grid-row:3!important;
  font-size:12px!important;line-height:1.3!important;
  align-self:center!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-recent .mu-events article>mark{
  grid-column:2!important;grid-row:1!important;
  min-width:34px!important;padding:5px 7px!important;
  font-size:13px!important;font-weight:800!important;text-align:center!important;
  justify-self:end!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-recent .mu-events article>details{
  display:none!important;
 }
}

/* Escritorio v16: la jerarquía real es #matchups-results > #pair-view.
   El grid padre conservaba los paneles en las columnas 2/3. */
@media(min-width:1181px){
 .mu-page[data-view="A_B_SELECTED"] #matchups-results{
  display:block!important;width:100%!important;min-width:0!important;
  height:auto!important;min-height:0!important;overflow:visible!important
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view{
  display:grid!important;grid-template-columns:minmax(0,1.9fr) minmax(320px,1fr)!important;
  grid-template-rows:auto!important;gap:12px!important;align-items:start!important;
  width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;
  position:relative!important;inset:auto!important;margin:0!important;padding:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-pair-left{
  grid-column:1!important;grid-row:1!important;display:block!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:auto!important;position:static!important;margin:0!important;padding:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-recent{
  grid-column:2!important;grid-row:1!important;display:block!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:auto!important;min-height:172px!important;max-height:none!important;
  position:static!important;margin:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero{
  display:grid!important;box-sizing:border-box!important;
  grid-column:auto!important;grid-row:auto!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:30px 72px 46px 24px!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:172px!important;min-height:172px!important;max-height:172px!important;
  position:static!important;overflow:hidden!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel{
  display:grid!important;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)!important;
  width:100%!important;min-width:0!important;height:72px!important;max-height:72px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-record{
  grid-template-columns:1.08fr 3fr!important;grid-template-rows:1fr!important;
  width:min(410px,75%)!important;height:42px!important;margin:2px auto!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #panorama-cards{display:none!important}
}
@media(min-width:1181px){
 .mu-page[data-view="GLOBAL"] #panorama-cards{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:minmax(0,1fr)!important;gap:10px!important;
 }
 .mu-page[data-view="GLOBAL"] #panorama-cards>.mu-meta-card.is-volume{
  display:flex!important;min-width:0!important;
 }
 .mu-page[data-view="GLOBAL"] #panorama-cards>.mu-meta-card{
  min-width:0!important;max-width:none!important;
 }
}

/* FIX ROOT v17: deshacer 'display:contents' del dashboard viejo.
   Jerarquía: shell > topbar, filtros, resultados > pair-view. */
@media(min-width:1181px){
 .mu-page[data-view="A_B_SELECTED"] .mu-shell{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:68px 0 minmax(0,1fr)!important;
  gap:7px!important;padding:8px 12px 12px!important;
  width:100%!important;min-width:0!important;height:100%!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-topbar{
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:center!important;
  grid-column:1!important;grid-row:1!important;
  height:68px!important;min-width:0!important;gap:6px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-topbar>h1{
  display:block!important;grid-column:auto!important;grid-row:auto!important;
  align-self:auto!important;margin:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-topbar>.mu-controls{
  grid-column:auto!important;grid-row:auto!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 96px!important;
  width:min(820px,100%)!important;height:30px!important;min-width:0!important;
  gap:8px!important;align-self:start!important;
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-topbar .mu-picker input{
  height:30px!important
 }
 .mu-page[data-view="A_B_SELECTED"] .mu-filters{
  grid-column:1!important;grid-row:2!important;
  position:relative!important;height:0!important;z-index:50!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #matchups-results{
  display:block!important;grid-column:1!important;grid-row:3!important;
  width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;
  align-self:start!important;overflow:visible!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view{
  display:grid!important;grid-template-columns:minmax(0,1.9fr) minmax(320px,1fr)!important;
  grid-template-rows:auto!important;gap:12px!important;
  width:100%!important;min-width:0!important;min-height:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-pair-left{
  display:block!important;grid-column:1!important;grid-row:1!important;min-width:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-recent{
  display:block!important;grid-column:2!important;grid-row:1!important;
  min-width:0!important;width:100%!important;min-height:172px!important;
 }
}

/* Desktop v18: Results Recientes no puede heredar altura 0 del dashboard. */
@media(min-width:1181px){
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-recent{
  display:flex!important;flex-direction:column!important;
  align-self:stretch!important;height:460px!important;min-height:460px!important;
  max-height:calc(100dvh - 210px)!important;overflow:hidden!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-recent>header{
  display:flex!important;flex:0 0 36px!important;height:36px!important;min-height:36px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
  width:100%!important;min-width:0!important;min-height:0!important;
  height:auto!important;max-height:none!important;overflow:hidden!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results>.mu-events{
  display:block!important;flex:1 1 auto!important;
  width:100%!important;min-height:0!important;height:auto!important;
  overflow-x:hidden!important;overflow-y:auto!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results .mu-events article{
  display:grid!important;grid-template-columns:61px minmax(0,1fr) 24px 38px!important;
  gap:6px!important;min-height:54px!important;padding:6px 8px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results .mu-events article>time{
  grid-column:1!important;grid-row:1!important;font-size:10px!important
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results .mu-events article>div{
  grid-column:2!important;grid-row:1!important;min-width:0!important
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results .mu-events article>div>b{
  font-size:11px!important;line-height:1.25!important
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results .mu-events article>div>span{
  font-size:9px!important;line-height:1.25!important
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results .mu-events article>.mu-event-round{
  display:none!important
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results .mu-events article>mark{
  grid-column:3!important;grid-row:1!important
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results .mu-events article>details{
  grid-column:4!important;grid-row:1!important
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results>.mu-pagination{
  display:flex!important;flex:0 0 28px!important;align-items:center!important;justify-content:center!important
 }
}

/* v18 — restaurar resultados recientes en escritorio.
   Legado definía #recent-results con height:0 y flex:1 1 0,
   pero el nuevo panel no tenía altura de referencia. */
@media(min-width:1181px){
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-recent{
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;height:min(520px,calc(100dvh - 230px))!important;
  min-height:310px!important;max-height:none!important;overflow:hidden!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-recent>header{
  flex:0 0 36px!important;height:36px!important;min-height:36px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
  width:100%!important;height:auto!important;min-height:0!important;
  overflow:hidden!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results>.mu-events{
  display:block!important;flex:1 1 auto!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  overflow-y:auto!important;overflow-x:hidden!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #recent-results>.mu-pagination{
  flex:0 0 28px!important;height:28px!important;min-height:28px!important;
 }
}

/* Desktop v18 — resultados estaban dentro de un flex de altura 0.
   Panel derecho alto y lista desplazable, sin modificar los datos. */
@media(min-width:1181px){
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-recent{
  display:flex!important;flex-direction:column!important;
  height:clamp(420px,calc(100dvh - 235px),900px)!important;
  min-height:420px!important;max-height:none!important;overflow:hidden!important;
  align-self:start!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-recent>header{
  display:flex!important;flex:0 0 34px!important;height:34px!important;min-height:34px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #recent-results{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  overflow:hidden!important;align-items:stretch!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #recent-results>.mu-events{
  display:block!important;flex:1 1 auto!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  overflow-y:auto!important;overflow-x:hidden!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #recent-results>.mu-pagination{
  flex:0 0 auto!important;min-height:24px!important;
 }
}

/* Desktop v19: usar ancho completo y evitar el vacío bajo el resumen.
   Resumen horizontal arriba + tabla de resultados a lo ancho, debajo. */
@media(min-width:1181px){
 .mu-page[data-view="A_B_SELECTED"] #pair-view{
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;gap:10px!important;
  grid-template-columns:none!important;grid-template-rows:none!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  height:auto!important;max-height:none!important;overflow:visible!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-pair-left{
  display:block!important;flex:none!important;width:100%!important;max-width:none!important;
  min-width:0!important;grid-column:auto!important;grid-row:auto!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero{
  width:100%!important;max-width:none!important;min-width:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-recent{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  grid-column:auto!important;grid-row:auto!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  height:clamp(280px,calc(100dvh - 345px),690px)!important;
  min-height:280px!important;overflow:hidden!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #recent-results{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  height:auto!important;min-height:0!important;overflow:hidden!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #recent-results>.mu-events{
  flex:1 1 auto!important;overflow-y:auto!important;min-height:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view .mu-events article{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:100px minmax(0,1fr) 70px 70px!important;
  grid-template-rows:auto auto!important;gap:3px 14px!important;
  min-height:58px!important;padding:7px 16px!important;
  align-items:center!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view .mu-events article>time{
  grid-column:1!important;grid-row:1/3!important;font-size:11px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view .mu-events article>div{
  grid-column:2!important;grid-row:1/3!important;
  min-width:0!important;align-self:center!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view .mu-events article>div>b{
  font-size:13px!important;line-height:1.25!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view .mu-events article>div>span{
  font-size:11px!important;line-height:1.3!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view .mu-events article>.mu-event-round{
  grid-column:3!important;grid-row:1/3!important;
  align-self:center!important;font-size:11px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view .mu-events article>mark{
  grid-column:4!important;grid-row:1/3!important;justify-self:center!important;
  align-self:center!important;font-size:12px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view .mu-events article>details{
  display:none!important;
 }
}

/* Desktop v20: resumen más bajo y porcentajes equilibrados. */
@media(min-width:1181px){
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero{
  height:144px!important;min-height:144px!important;max-height:144px!important;
  grid-template-rows:26px 57px 39px 22px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero>header{
  height:26px!important;min-height:26px!important;padding:0 12px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel{
  height:57px!important;min-height:57px!important;max-height:57px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div{
  min-height:0!important;padding-top:3px!important;padding-bottom:3px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div>strong{
  font-size:24px!important;line-height:1!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div>b{
  font-size:12px!important;line-height:1.1!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-record{
  height:36px!important;min-height:36px!important;max-height:36px!important;
  margin:1px auto!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero>footer{
  height:22px!important;min-height:22px!important;padding:0 12px!important;
 }
}

/* Escritorio v21 — densidad final: resumen 112px y más resultados visibles. */
@media (min-width:1181px){
 .mu-page[data-view="A_B_SELECTED"] #pair-view{gap:6px!important}
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero{
  height:112px!important;min-height:112px!important;max-height:112px!important;
  grid-template-rows:22px 43px 29px 18px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero>header{
  height:22px!important;min-height:22px!important;padding:0 10px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel{
  height:43px!important;min-height:43px!important;max-height:43px!important;
  padding:0 12px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div{
  min-height:0!important;height:43px!important;max-height:43px!important;
  padding:0 6px!important;align-content:center!important;
  grid-template-rows:13px 19px 11px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div>strong{
  font-size:19px!important;line-height:1!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div>b{
  font-size:11px!important;line-height:1!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div>small{
  font-size:10px!important;line-height:1!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel-vs{
  font-size:13px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel-vs::before{
  width:31px!important;height:31px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-record{
  height:27px!important;min-height:27px!important;max-height:27px!important;
  margin:1px auto!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-record .mu-pair-total,
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-record dl{
  height:27px!important;min-height:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-total strong,
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-record dd{
  font-size:12px!important;line-height:1!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-total span,
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-record dt{
  font-size:8px!important;line-height:1!important;margin-top:1px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero>footer{
  height:18px!important;min-height:18px!important;padding:0 10px!important;
  font-size:10px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-recent{
  height:clamp(340px,calc(100dvh - 285px),850px)!important;
  min-height:340px!important;max-height:none!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view .mu-events article{
  min-height:47px!important;height:47px!important;
  padding:4px 14px!important;gap:1px 12px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #recent-results>.mu-events{
  overflow-y:auto!important;
 }
}


/* A+B v24: resumen sin métricas cortadas y resultados hasta abajo, sin duplicados; ronda/top visible en resultados.
   Solo cambia la vista de dos arquetipos, sin alterar el ranking global. */
@media (min-width:1181px){
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero{
  height:108px!important;min-height:108px!important;max-height:108px!important;
  grid-template-rows:22px 47px 39px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero>header{
  height:22px!important;min-height:22px!important;padding:0 12px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel{
  height:47px!important;min-height:47px!important;max-height:47px!important;
  grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;
  padding:0 12px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div{
  height:47px!important;min-height:47px!important;max-height:47px!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-rows:17px 25px!important;
  column-gap:9px!important;row-gap:1px!important;
  align-content:center!important;padding:0 7px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div:last-child{
  grid-template-columns:minmax(0,1fr) 44px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div .mu-identity{
  grid-row:1/3!important;align-self:center!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel .mu-archetype-badge{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div>b{
  grid-row:1!important;align-self:end!important;
  font-size:13px!important;line-height:1.1!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div>strong{
  grid-row:2!important;align-self:start!important;
  font-size:24px!important;line-height:1!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div>strong.good{color:var(--mu-green)!important}
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div>strong.bad{color:var(--mu-red)!important}
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div>strong.even{color:#d7e0e9!important}
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel-vs{
  height:36px!important;width:36px!important;font-size:14px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel-vs::before{
  height:34px!important;width:34px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-record{
  height:34px!important;min-height:34px!important;max-height:34px!important;
  align-self:center!important;margin:0 auto!important;box-sizing:border-box!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-record .mu-pair-total,
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-record dl{
  height:100%!important;min-height:0!important;box-sizing:border-box!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-total,
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-record dl>div{
  justify-content:center!important;gap:2px!important;padding:2px 5px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-total strong,
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-record dd{
  font-size:13px!important;line-height:1.05!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-total span,
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-pair-record dt{
  font-size:8px!important;line-height:1.1!important;margin-top:0!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view .mu-events article{
  grid-template-columns:100px minmax(0,1fr) minmax(110px,155px) 42px!important;
  column-gap:12px!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #recent-results .mu-events article>.mu-event-round{
  display:inline-flex!important;grid-column:3!important;grid-row:1/3!important;
  align-items:center!important;justify-self:center!important;
  width:max-content;max-width:100%;padding:5px 9px;
  border:1px solid #3b576e;border-radius:6px;background:#10263a;
  color:#c8d9e9;font-size:11px!important;font-weight:800;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view>.mu-recent{
  height:clamp(340px,calc(100dvh - 251px),850px)!important;
 }
}
/* En móvil también mostrar la fase observada sin ocupar una nueva columna. */
@media (max-width:1180px){
 .mu-page[data-view="A_B_SELECTED"] #pair-view #recent-results .mu-events article>.mu-event-round{
  display:inline-flex!important;
  color:#d0ddeb;font-weight:800;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div{
  grid-template-rows:auto auto!important;
 }
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div>strong.good{color:var(--mu-green)!important}
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div>strong.bad{color:var(--mu-red)!important}
 .mu-page[data-view="A_B_SELECTED"] #pair-view #pair-hero .mu-duel>div>strong.even{color:#d7e0e9!important}
}