/* ============================================================
 * Quantum Edge Bots — Public overrides
 * ============================================================
 * Solo overrides puntuales que el tema activo no puede saber:
 * cómo distribuir N métricas en la card del catálogo.
 *
 * El resto de los estilos (.bot-card, .met, etc.) vienen del
 * tema activo Quantum Edge.
 */

/* Grid adaptativo según número de métricas visibles */
.bot-metrics[data-count="1"]{grid-template-columns:1fr}
.bot-metrics[data-count="2"]{grid-template-columns:1fr 1fr}
.bot-metrics[data-count="3"]{grid-template-columns:repeat(3,1fr)}
.bot-metrics[data-count="4"]{grid-template-columns:repeat(2,1fr)}     /* 2x2, look original */
.bot-metrics[data-count="5"]{grid-template-columns:repeat(3,1fr)}     /* 3 + 2 */
.bot-metrics[data-count="6"]{grid-template-columns:repeat(3,1fr)}     /* 3 + 3 */
.bot-metrics[data-count="7"]{grid-template-columns:repeat(4,1fr)}     /* 4 + 3 */
.bot-metrics[data-count="8"]{grid-template-columns:repeat(4,1fr)}     /* 4 + 4 */
.bot-metrics:not([data-count]),
.bot-metrics[data-count="0"]{display:none}

@media (max-width:600px){
  .bot-metrics[data-count],
  .bot-metrics{grid-template-columns:1fr 1fr !important}
}

/* Detalle: metrics-big también se adapta a la cantidad seleccionada */
.metrics-big[data-count="1"]{grid-template-columns:1fr}
.metrics-big[data-count="2"]{grid-template-columns:1fr 1fr}
.metrics-big[data-count="3"]{grid-template-columns:repeat(3,1fr)}
.metrics-big[data-count="4"]{grid-template-columns:repeat(4,1fr)}
.metrics-big[data-count="5"]{grid-template-columns:repeat(3,1fr)}
.metrics-big[data-count="6"]{grid-template-columns:repeat(3,1fr)}
.metrics-big[data-count="7"],
.metrics-big[data-count="8"]{grid-template-columns:repeat(4,1fr)}
.metrics-big[data-count="9"],
.metrics-big[data-count="10"],
.metrics-big[data-count="11"],
.metrics-big[data-count="12"]{grid-template-columns:repeat(4,1fr)}

@media (max-width:1000px){
  .metrics-big[data-count]{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:600px){
  .metrics-big[data-count]{grid-template-columns:1fr !important}
}