/* Rakion Legacy | Colecciones Etapa 39. Solo ficha de piezas: 3 por fila en escritorio,
   filas de requisitos de altura natural y medidas compactas sin esconder información. */

/* La versión normal del catálogo conserva seis piezas y tres columnas visibles. */
@media (min-width: 1100px) {
  body.rk-collections-v20 .collection-set-view .collection-card:not(.is-available-mode) .collection-pieces {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:start !important;
    gap:10px !important;
  }
}
@media (min-width: 731px) and (max-width: 1099px) {
  body.rk-collections-v20 .collection-set-view .collection-card:not(.is-available-mode) .collection-pieces {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:start !important;
    gap:9px !important;
  }
}
@media (max-width: 730px) {
  body.rk-collections-v20 .collection-set-view .collection-card:not(.is-available-mode) .collection-pieces {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    align-items:start !important;
    gap:9px !important;
  }
}

/* Las tarjetas ocupan solo la altura que necesitan sus atributos y gemas. */
body.rk-collections-v20 .collection-set-view .collection-pieces {
  margin-top:7px !important;
  padding-top:9px !important;
  align-items:start !important;
  row-gap:10px !important;
}
body.rk-collections-v20 .collection-set-view .collection-piece {
  display:flex !important;
  flex-direction:column !important;
  align-self:start !important;
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  gap:7px !important;
  padding:10px !important;
  border-radius:9px !important;
}

/* Encabezado: icono, requisitos de grado y disponibilidad sin gran altura. */
body.rk-collections-v20 .collection-set-view .collection-piece-heading {
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:8px !important;
  row-gap:4px !important;
  min-height:0 !important;
}
body.rk-collections-v20 .collection-set-view .collection-item-icon {
  grid-column:1 !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  flex:0 0 46px !important;
  border-radius:8px !important;
}
body.rk-collections-v20 .collection-set-view .collection-piece-heading-content {
  grid-column:2 !important;
  gap:2px !important;
  min-width:0 !important;
}
body.rk-collections-v20 .collection-set-view .collection-piece-heading-content>strong {
  font-size:12px !important;
  line-height:1.15 !important;
}
body.rk-collections-v20 .collection-set-view .collection-slot-name {
  font-size:9px !important;
  line-height:1.2 !important;
}
body.rk-collections-v20 .collection-set-view .collection-requirement-tags {
  margin-top:2px !important;
  gap:4px !important;
}
body.rk-collections-v20 .collection-set-view .collection-requirement-tags>span {
  font-size:9px !important;
  line-height:1.15 !important;
  padding:3px 5px !important;
}
body.rk-collections-v20 .collection-set-view .collection-piece-heading-side {
  grid-column:1 / -1 !important;
  grid-row:auto !important;
  display:flex !important;
  flex-flow:row wrap !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:5px !important;
  min-width:0 !important;
  margin-top:0 !important;
}
body.rk-collections-v20 .collection-set-view .collection-item-state {
  position:static !important;
  font-size:9px !important;
  line-height:1.1 !important;
  padding:3px 6px !important;
  margin:0 !important;
}
body.rk-collections-v20 .collection-set-view .collection-piece-available-tag {
  font-size:9px !important;
  line-height:1.1 !important;
  padding:4px 7px !important;
  white-space:normal !important;
}

/* Anula el estiramiento de las filas: cada recuadro termina después de su última fila. */
body.rk-collections-v20 .collection-set-view .collection-req-grid {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  align-self:stretch !important;
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  gap:7px !important;
}
body.rk-collections-v20 .collection-set-view .collection-req-section {
  flex:0 0 auto !important;
  align-self:stretch !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding:8px 9px !important;
  border-radius:7px !important;
}
body.rk-collections-v20 .collection-set-view .collection-req-section h4 {
  display:flex !important;
  flex-flow:row wrap !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:2px 7px !important;
  margin:0 0 5px !important;
  font-size:11px !important;
  line-height:1.2 !important;
}
body.rk-collections-v20 .collection-set-view .collection-req-section h4 small,
body.rk-collections-v20 .collection-set-view .collection-req-section>h4>small {
  font-size:9px !important;
  line-height:1.2 !important;
  margin:0 !important;
  max-width:100% !important;
}
body.rk-collections-v20 .collection-set-view .collection-option {
  padding:4px 0 !important;
  font-size:11px !important;
  line-height:1.25 !important;
  gap:6px !important;
}
body.rk-collections-v20 .collection-set-view .collection-option strong {
  font-size:11px !important;
  line-height:1.25 !important;
}
body.rk-collections-v20 .collection-set-view .collection-socket {
  display:grid !important;
  grid-template-columns:25px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:6px !important;
  padding:5px 0 !important;
  min-height:0 !important;
}
body.rk-collections-v20 .collection-set-view .collection-socket-img {
  width:25px !important;
  height:25px !important;
  border-radius:5px !important;
}
body.rk-collections-v20 .collection-set-view .collection-socket-name {
  font-size:10px !important;
  line-height:1.25 !important;
  overflow-wrap:anywhere !important;
}
body.rk-collections-v20 .collection-set-view .collection-exact {
  width:auto !important;
  max-width:55px !important;
  padding:3px 5px !important;
  font-size:9px !important;
  line-height:1.15 !important;
}

/* Los botones de registro y la información de custodia no se ocultan. */
body.rk-collections-v20 .collection-set-view .collection-registration {
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  margin-top:1px !important;
  padding:8px 9px !important;
  font-size:11px !important;
}
body.rk-collections-v20 .collection-set-view .collection-registration>strong {
  font-size:11px !important;
  line-height:1.25 !important;
  margin-bottom:4px !important;
}
body.rk-collections-v20 .collection-set-view .collection-registration p {
  font-size:10px !important;
  line-height:1.35 !important;
  margin:0 !important;
}

/* El formulario definitivo se conserva legible si alguna vez se habilitan depósitos. */
body.rk-collections-v20 .collection-set-view .collection-registration-form {
  margin-top:9px !important;
  gap:9px !important;
}