/* Etapa 27: CSS aislado, URL nueva para evitar caché de registration.css.
   Altura de 120px en escritorio, idéntica al panel original. */
@media (min-width: 931px) {
  body.rk-collections-v20 .rk-c21-dashboard {
    display:grid !important;
    grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) !important;
    align-items:stretch !important;
    box-sizing:border-box !important;
    height:120px !important;
    min-height:120px !important;
    max-height:120px !important;
    overflow:visible !important; /* conserva el desplegable de personajes */
  }
  body.rk-collections-v20 .rk-c21-character-picker {
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    min-height:0 !important;
    gap:4px !important;
    padding:6px 12px !important;
  }
  body.rk-collections-v20 .rk-c22-character-dropdown>summary {
    min-height:66px !important;
    padding:6px 10px !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel {
    display:grid !important;
    grid-template-rows:40px minmax(0,1fr) !important;
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:stretch !important;
    box-sizing:border-box !important;
    height:40px !important;
    min-height:0 !important;
    max-height:40px !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:0 !important;
    padding:2px 5px !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric>div {gap:1px !important}
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric b {
    font-size:15px !important;
    line-height:16px !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .rk-c21-out-of {font-size:10px !important}
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric div>span {
    font-size:9px !important;
    line-height:10px !important;
  }
  body.rk-collections-v20 .rk-c25-attributes {
    display:block !important;
    box-sizing:border-box !important;
    min-height:0 !important;
    height:78px !important;
    margin:0 11px !important;
    padding:3px 0 0 !important;
    overflow:hidden !important;
  }
  body.rk-collections-v20 .rk-c25-attributes-heading {
    margin:0 0 1px !important;
    font-size:10px !important;
    line-height:11px !important;
  }
  body.rk-collections-v20 .rk-c25-attributes-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 9px !important;
    min-height:0 !important;
  }
  body.rk-collections-v20 .rk-c25-attributes-column {min-height:0 !important}
  body.rk-collections-v20 .rk-c25-attributes-column+.rk-c25-attributes-column {padding-left:9px !important}
  body.rk-collections-v20 .rk-c25-attribute {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    box-sizing:border-box !important;
    height:12px !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    gap:4px !important;
    font-size:9px !important;
    line-height:12px !important;
    white-space:nowrap !important;
  }
  body.rk-collections-v20 .rk-c25-attribute>span {
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    overflow-wrap:normal !important;
  }
  body.rk-collections-v20 .rk-c25-attribute>strong {
    flex:none !important;
    font-size:9px !important;
    line-height:12px !important;
    white-space:nowrap !important;
  }
  body.rk-collections-v20 .rk-c25-attribute>strong small {font-size:8px !important}
}


/* Etapa 28: métricas en una sola fila por tarjeta. */
@media (min-width: 931px) {
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline {
    justify-content:flex-start !important;
    padding:2px 10px !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline>div {
    display:flex !important;
    flex-direction:row !important;
    align-items:baseline !important;
    justify-content:flex-start !important;
    gap:6px !important;
    width:100% !important;
    min-width:0 !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline>div>span {
    display:block !important;
    font-size:10px !important;
    line-height:12px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline b {
    display:inline-flex !important;
    align-items:baseline !important;
    gap:0 !important;
    white-space:nowrap !important;
    flex:none !important;
    font-size:15px !important;
    line-height:16px !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline .rk-c21-out-of {
    font-size:10px !important;
    line-height:10px !important;
  }
}


/* Etapa 29: personaje más angosto, métricas en columna y atributos más amplios. */
@media (min-width: 931px) {
  body.rk-collections-v20 .rk-c21-dashboard {
    grid-template-columns:minmax(300px,0.55fr) minmax(0,1.45fr) !important;
  }

  body.rk-collections-v20 .rk-c21-character-picker {
    padding:6px 10px !important;
  }

  body.rk-collections-v20 .rk-c21-picker-heading {
    margin-bottom:2px !important;
  }

  body.rk-collections-v20 .rk-c25-summary-panel {
    grid-template-columns:220px minmax(0,1fr) !important;
    grid-template-rows:minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:0 !important;
  }

  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress {
    grid-column:1 !important;
    grid-row:1 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:repeat(3,minmax(0,1fr)) !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    border-right:1px solid rgba(255,255,255,.08) !important;
  }

  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline {
    justify-content:flex-start !important;
    padding:0 10px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }

  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline:last-child {
    border-bottom:none !important;
  }

  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline>div {
    gap:4px !important;
  }

  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline>div>span {
    font-size:10px !important;
    line-height:11px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline b {
    font-size:16px !important;
    line-height:16px !important;
  }

  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline .rk-c21-out-of {
    font-size:11px !important;
    line-height:11px !important;
  }

  body.rk-collections-v20 .rk-c25-attributes {
    grid-column:2 !important;
    grid-row:1 !important;
    margin:0 14px !important;
    padding:7px 0 0 !important;
    height:auto !important;
  }

  body.rk-collections-v20 .rk-c25-attributes-heading {
    margin:0 0 4px !important;
    font-size:11px !important;
    line-height:12px !important;
  }

  body.rk-collections-v20 .rk-c25-attributes-grid {
    gap:0 14px !important;
  }

  body.rk-collections-v20 .rk-c25-attributes-column + .rk-c25-attributes-column {
    padding-left:14px !important;
  }

  body.rk-collections-v20 .rk-c25-attribute {
    height:14px !important;
    gap:6px !important;
    font-size:10px !important;
    line-height:14px !important;
  }

  body.rk-collections-v20 .rk-c25-attribute>strong {
    font-size:10px !important;
    line-height:14px !important;
  }

  body.rk-collections-v20 .rk-c25-attribute>strong small {
    font-size:8px !important;
  }
}

/* Etapa 30. Etiquetas y cifras del resumen al MISMO tamaño, incluido /55.
   Se amplía exclusivamente la columna de contadores; se conserva el panel de 120px. */
@media (min-width: 931px) {
  body.rk-collections-v20 .rk-c21-dashboard {
    grid-template-columns:minmax(260px,.52fr) minmax(0,1.48fr) !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel {
    grid-template-columns: minmax(295px, 0.40fr) minmax(0, 0.60fr) !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline>div {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:6px !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline>div>span,
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline b,
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline .rk-c21-out-of {
    font-size:15px !important;
    line-height:18px !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline>div>span {
    min-width:0 !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
}
/* En pantallas de escritorio estrechas, texto y número siguen igualados. */
@media (min-width: 931px) and (max-width: 1120px) {
  body.rk-collections-v20 .rk-c21-dashboard {
    grid-template-columns:minmax(245px,.48fr) minmax(0,1.52fr) !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel {
    grid-template-columns: minmax(260px, 0.43fr) minmax(0,0.57fr) !important;
  }
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline>div>span,
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline b,
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline .rk-c21-out-of {
    font-size:13px !important;
    line-height:16px !important;
  }
}

/* Etapa 31: microajustes solicitados sobre Etapa 30.
   Conserva la altura total de 120px; la navegación, las recetas y datos son idénticos. */
@media (min-width: 931px) {
  /* Un píxel real entre la cifra inicial y /55. */
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress
  .collection-metric.collection-metric-inline .rk-c21-out-of {
    margin-left:1px !important;
  }
  /* Valores ligeramente más adentro, lejos del borde del divisor vertical. */
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress
  .collection-metric.collection-metric-inline {
    padding-right:20px !important;
  }
  /* Aprovechar altura realmente libre sin expandir el cuadro. */
  body.rk-collections-v20 .rk-c25-attributes {
    padding-top:5px !important;
    margin:0 12px !important;
    height:auto !important;
  }
  body.rk-collections-v20 .rk-c25-attributes-heading {
    font-size:12px !important;
    line-height:15px !important;
    margin-bottom:4px !important;
  }
  body.rk-collections-v20 .rk-c25-attribute {
    height:18px !important;
    font-size:12px !important;
    line-height:18px !important;
  }
  body.rk-collections-v20 .rk-c25-attribute>strong {
    font-size:12px !important;
    line-height:18px !important;
  }
  body.rk-collections-v20 .rk-c25-attribute>strong small {
    font-size:10px !important;
    line-height:18px !important;
  }
}

/* Etapa 32: reducir SOLO la tipografía de las tres métricas del progreso.
   Conservar iguales etiquetas, números y /55; sin tocar los atributos ni la altura. */
@media (min-width: 931px) {
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline>div>span,
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline b,
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline .rk-c21-out-of {
    font-size:13px !important;
    line-height:16px !important;
  }
}
@media (min-width: 931px) and (max-width: 1120px) {
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline>div>span,
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline b,
  body.rk-collections-v20 .rk-c25-summary-panel>.rk-c21-progress .collection-metric.collection-metric-inline .rk-c21-out-of {
    font-size:12px !important;
    line-height:15px !important;
  }
}