/* LAIREN A_ONLY v25 — tarjetas competitivas y Lectura Lairen.
   Reglas exclusivas de A_SELECTED. Se carga DESPUÉS de los estilos legados. */

/* Tres tarjetas: misma altura y superficies consistentes; acento semántico. */
@media (min-width:1181px) {
  .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-primary-summary,
  .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-balance,
  .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-challenge {
    position:relative;
    border:1px solid #36556b!important;
    border-top:2px solid var(--a-card-accent)!important;
    border-radius:10px!important;
    background:
      radial-gradient(ellipse at 15% -30%,var(--a-card-glow),transparent 68%),
      linear-gradient(145deg,#0c2031,#071523 80%)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.065),0 7px 18px rgba(0,0,0,.14)!important;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary{
    --a-card-accent:#38d6a6;--a-card-glow:rgba(56,214,166,.12);
  }
  .mu-page[data-view="A_SELECTED"] .mu-balance{
    --a-card-accent:#e2b951;--a-card-glow:rgba(226,185,81,.10);
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge{
    --a-card-accent:#ff697c;--a-card-glow:rgba(255,105,124,.19);
  }
  .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-primary-summary>header,
  .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-balance>header,
  .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-challenge>header{
    min-height:28px;
    border-bottom:1px solid rgba(140,170,192,.13)!important;
  }
  .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-primary-summary>header h2,
  .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-balance>header h2,
  .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-challenge>header h2{
    font-size:12px!important;letter-spacing:.025em;
  }

  /* Rendimiento: tres resultados en columna a la derecha del dato principal. */
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary .mu-global-performance{
    grid-template-columns:70px minmax(0,1fr);
    gap:7px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary .mu-primary-performance>strong{
    font-size:27px!important;
    color:#3ee3ad;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary .mu-primary-record{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    align-content:center!important;
    gap:3px!important;
    height:76px!important;min-height:76px!important;
    padding:2px 10px 2px 0!important;
    margin:0!important;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary .mu-primary-record>div{
    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;
    min-width:0!important;
    gap:6px!important;
    padding:2px 7px!important;
    border:1px solid rgba(111,151,176,.14);
    border-radius:5px;
    background:rgba(2,15,26,.40);
    text-align:left!important;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary .mu-primary-record dd{
    flex:0 0 auto;
    font-size:12.5px!important;line-height:1!important;
    font-weight:850;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary .mu-primary-record dt{
    flex:1 1 auto;
    min-width:0;
    margin:0!important;
    color:#a7bfd0;
    font-size:8.5px!important;line-height:1!important;
    text-align:right;
  }

  /* Balance: categorías legibles, con tres filas visualmente separadas. */
  .mu-page[data-view="A_SELECTED"] #balance-summary{
    display:grid!important;
    grid-template-columns:84px minmax(0,1fr)!important;
    grid-template-rows:85px 16px!important;
    gap:2px 9px!important;
    height:auto!important;
    padding:6px 10px 3px!important;
    align-content:center!important;
  }
  .mu-page[data-view="A_SELECTED"] #balance-summary>.mu-balance-ring{
    width:76px!important;height:76px!important;
    grid-column:1!important;grid-row:1!important;
    justify-self:center!important;
    filter:drop-shadow(0 1px 6px rgba(225,178,80,.16));
  }
  .mu-page[data-view="A_SELECTED"] #balance-summary>dl{
    display:grid!important;
    grid-column:2!important;grid-row:1!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    height:85px!important;
    align-content:center!important;
    gap:5px!important;
    margin:0!important;padding:0!important;
  }
  .mu-page[data-view="A_SELECTED"] #balance-summary>dl>div{
    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;
    min-height:0!important;
    gap:8px!important;
    padding:2px 6px!important;
    background:rgba(1,15,28,.36);
    border:1px solid rgba(114,149,174,.12);
    border-left:2px solid currentColor;
    border-radius:5px;
    margin:0!important;
  }
  .mu-page[data-view="A_SELECTED"] #balance-summary dd{
    margin:0!important;
    font-size:14px!important;
    font-weight:850;
    white-space:nowrap;
  }
  .mu-page[data-view="A_SELECTED"] #balance-summary dd small{
    font-size:8.5px!important;
    font-weight:650;
  }
  .mu-page[data-view="A_SELECTED"] #balance-summary dt{
    margin:0!important;
    font-size:8.4px!important;
    font-weight:750;
    color:#d6e4ef;
    text-align:right;
    white-space:nowrap;
  }
  .mu-page[data-view="A_SELECTED"] #balance-summary>p{
    grid-column:1/-1!important;grid-row:2!important;
    margin:0!important;padding:2px 0 0!important;
    align-self:center!important;
    color:#a5bfce;
    font-size:8.5px!important;
  }

  /* Desafiante: tratar el rival como protagonista y el porcentaje como alerta. */
  .mu-page[data-view="A_SELECTED"] #most-challenging{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:74px 17px 18px!important;
    gap:1px!important;
    min-height:0!important;
    padding:3px 10px 4px!important;
    overflow:hidden!important;
  }
  .mu-page[data-view="A_SELECTED"] #most-challenging .mu-challenge-main{
    grid-column:1!important;grid-row:1!important;
    display:grid!important;
    grid-template-columns:67px minmax(0,1fr)!important;
    gap:10px!important;
    height:74px!important;min-height:0!important;
    align-items:center!important;
    min-width:0!important;
  }
  .mu-page[data-view="A_SELECTED"] #most-challenging .mu-challenge-identity{
    display:grid!important;place-items:center!important;min-width:0!important;
  }
  .mu-page[data-view="A_SELECTED"] #most-challenging .mu-challenge-identity .mu-archetype-badge{
    width:60px!important;height:60px!important;flex-basis:60px!important;
    border:2px solid #db687a!important;
    box-shadow:0 0 0 3px rgba(229,91,112,.09),0 4px 15px rgba(0,0,0,.22);
  }
  .mu-page[data-view="A_SELECTED"] #most-challenging .mu-challenge-copy{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:17px 10px 30px 13px!important;
    gap:0!important;
    align-content:center!important;
    align-items:center!important;
    min-width:0!important;
  }
  .mu-page[data-view="A_SELECTED"] #most-challenging .mu-challenge-copy>b{
    grid-column:1!important;grid-row:1!important;
    min-width:0!important;
    font-size:13px!important;font-weight:850;
    color:#fff!important;white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis;
  }
  .mu-page[data-view="A_SELECTED"] #most-challenging .mu-challenge-copy>span{
    grid-column:1!important;grid-row:2!important;
    font-size:9px!important;color:#ffc1ca!important;
  }
  .mu-page[data-view="A_SELECTED"] #most-challenging .mu-challenge-copy>strong{
    grid-column:1!important;grid-row:3!important;
    justify-self:start!important;
    font-size:30px!important;line-height:1!important;
    color:#ff657a!important;
    text-shadow:0 0 15px rgba(255,81,108,.25);
  }
  .mu-page[data-view="A_SELECTED"] #most-challenging .mu-challenge-copy>small{
    grid-column:1!important;grid-row:4!important;
    justify-self:start!important;
    padding:0!important;
    font-size:9.5px!important;line-height:1!important;
    color:#f1d9df!important;white-space:nowrap;
  }
  .mu-page[data-view="A_SELECTED"] #most-challenging .mu-challenge-record{
    grid-column:1!important;grid-row:2!important;
    display:flex!important;align-items:center!important;
    justify-content:center!important;
    border-top:1px solid rgba(250,107,132,.18);
    font-size:9px!important;color:#e9b9c2!important;
  }
  .mu-page[data-view="A_SELECTED"] #most-challenging footer{
    grid-column:1!important;grid-row:3!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    padding:0 7px!important;margin:0!important;
    height:18px!important;
    border-radius:5px!important;
    background:rgba(255,87,115,.11)!important;
    border:1px solid rgba(255,105,124,.26)!important;
    color:#ff9dae!important;
    font-size:8px!important;line-height:1!important;
  }

  /* Lectura: más cuerpo de texto y muestras junto al porcentaje legibles. */
  .mu-page[data-view="A_SELECTED"] #selection-state.mu-reading{
    overflow-y:auto!important;
    padding:13px 16px!important;
    scrollbar-gutter:stable;
  }
  .mu-page[data-view="A_SELECTED"] #selection-state>header h2{
    font-size:17px!important;
  }
  .mu-page[data-view="A_SELECTED"] #selection-state>header span{
    font-size:9.5px!important;line-height:1.3!important;
  }
  .mu-page[data-view="A_SELECTED"] #selection-state>section{
    padding:11px 1px!important;
  }
  .mu-page[data-view="A_SELECTED"] #selection-state h3{
    font-size:12px!important;margin-bottom:7px!important;
  }
  .mu-page[data-view="A_SELECTED"] #selection-state p{
    font-size:11.6px!important;line-height:1.5!important;
  }
  .mu-page[data-view="A_SELECTED"] #selection-state .mu-reading-list li{
    min-height:31px!important;
    padding:4px 0!important;
    gap:4px 7px!important;
  }
  .mu-page[data-view="A_SELECTED"] #selection-state .mu-reading-list li b{
    font-size:11.6px!important;
  }
  .mu-page[data-view="A_SELECTED"] #selection-state .mu-reading-list li strong{
    font-size:13.5px!important;
  }
  .mu-page[data-view="A_SELECTED"] #selection-state .mu-reading-list li small{
    font-size:9.6px!important;
    line-height:1.25!important;
    color:#a9bfce!important;
  }
  .mu-page[data-view="A_SELECTED"] #selection-state .mu-reading-evidence span{
    font-size:10px!important;
  }
}

/* Teléfonos y tablets: mejorar contraste y tipografía sin fijar alturas. */
@media (max-width:1180px){
  .mu-page[data-view="A_SELECTED"] .mu-primary-record{
    display:grid!important;grid-template-columns:1fr!important;gap:5px!important;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-record>div{
    display:flex!important;justify-content:space-between!important;align-items:center!important;
    padding:5px 8px!important;border:1px solid #29475a;border-radius:6px;
    background:#091c2a;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-record dt{margin:0!important;font-size:10px!important}
  .mu-page[data-view="A_SELECTED"] #selection-state.mu-reading p{font-size:12px!important;line-height:1.48!important}
  .mu-page[data-view="A_SELECTED"] #selection-state .mu-reading-list li small{
    font-size:10px!important;line-height:1.3!important;color:#afc2d1!important;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge{
    border-top:2px solid #ff697c!important;
    background:linear-gradient(145deg,#231827,#0a1927)!important;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge-copy>strong{
    color:#ff657a!important;text-shadow:0 0 12px #ff657a25;
  }
}