/* © 2026 KoreStock Ledger — un proyecto de Kitsótaro · Código disponible, todos los derechos reservados (ver LICENSE).
 * STOCK — lista compacta con desplegable (§15.1); con miles de productos el navegador
 * solo dibuja las filas visibles gracias a content-visibility (§23.4). */
.fila-stock { content-visibility: auto; contain-intrinsic-size: auto 5.5rem; }
.fila-stock > summary { align-items: flex-start; }
.fila-stock > summary .lado { padding-top: 2px; }
.fila-stock > summary .chevron { margin-top: 4px; flex-shrink: 0; }
.fila-stock[open] > summary { background: var(--superficie-2); }
.casilla-fila { width: 1.25rem; height: 1.25rem; margin-top: 3px; accent-color: var(--primario); flex-shrink: 0; }
.lista-stock .desplegable-cuerpo { padding-top: var(--e-3); }
/* Valor en bodega: interruptor Neto | Real pequeño */
.segmentado-mini { padding: 2px; gap: 2px; margin-left: auto; }
.segmentado-mini button { min-height: 1.5rem; padding: 0 var(--e-2); font-size: 0.6875rem; text-transform: none; letter-spacing: 0; }
.cifra-tarjeta .etiqueta:has(.segmentado-mini) { overflow: visible; flex-wrap: wrap; gap: 4px; }
/* Total en bodega (Pro) */
.cifra-tarjeta.total-bodega { grid-column: 1 / -1; }
.chips-total { display: flex; flex-wrap: wrap; gap: var(--e-1) var(--e-2); margin-top: var(--e-1); }
.chip-dato { font-size: var(--t-xs); color: var(--texto-2); padding: 2px var(--e-2); border-radius: var(--r-pildora); background: var(--superficie-2); }
.chip-dato strong { color: var(--texto); }
.chip-dato.tenue { opacity: 0.8; }
/* Detalle del producto con íconos pequeños */
.par-dato.con-icono { display: flex; align-items: center; gap: var(--e-2); }
.par-dato.con-icono > .icono { width: 0.95rem; height: 0.95rem; color: var(--texto-3); flex: none; }
/* Valor en bodega: real (verde) y lo gratis debajo del neto */
.valor-desglose { display: flex; flex-wrap: wrap; gap: var(--e-1) var(--e-3); font-size: var(--t-xs); font-weight: var(--peso-fuerte); margin-top: 2px; }
.valor-desglose span { display: inline-flex; align-items: center; gap: 3px; }
.valor-desglose .icono { width: 0.85rem; height: 0.85rem; }
/* Sin huecos: las cifras de Stock van de a dos; «Total en bodega» ocupa la fila */
#stock-cifras { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fila-total { display: flex; align-items: flex-start; gap: var(--e-2); margin-top: var(--e-2); }
.fila-total > .t-mini { display: inline-flex; align-items: center; gap: 3px; flex: none; min-width: 5.5rem; padding-top: 3px; }
.fila-total > .t-mini .icono { width: 0.85rem; height: 0.85rem; }
.fila-total .chips-total { margin-top: 0; }
/* Gráfico: «Estilo» y «Mostrar» con interruptores pequeños */
.fila-estilo { margin-bottom: var(--e-2); }
/* Detalle de Stock por grupos (Existencias · Precios · Producto) */
.grupo-detalle { display: flex; flex-direction: column; gap: var(--e-1); padding-top: var(--e-2); }
.grupo-detalle + .grupo-detalle { border-top: 1px solid var(--borde); margin-top: var(--e-1); }
.grupo-detalle-titulo { display: inline-flex; align-items: center; gap: 4px; font-size: var(--t-xs); font-weight: var(--peso-fuerte); color: var(--texto-3); text-transform: uppercase; letter-spacing: 0.04em; }
.grupo-detalle-titulo .icono { width: 0.8rem; height: 0.8rem; }
/* Precios en columnas: [ícono] etiqueta · por empaque · por unidad */
.tabla-precios { display: flex; flex-direction: column; gap: var(--e-1); }
.fila-precio { display: grid; grid-template-columns: 0.95rem minmax(0, 1fr) 6.5rem; align-items: center; gap: var(--e-2); font-size: var(--t-sm); color: var(--texto-2); }
.tabla-precios.dos .fila-precio { grid-template-columns: 0.95rem minmax(0, 1fr) 6.5rem 6.5rem; }
.fila-precio > .icono { width: 0.95rem; height: 0.95rem; color: var(--texto-3); }
.fila-precio strong { color: var(--texto); font-weight: var(--peso-fuerte); text-align: right; }
.fila-precio.cabecera { grid-template-columns: minmax(0, 1fr) 6.5rem; font-size: var(--t-xs); color: var(--texto-3); }
.tabla-precios.dos .fila-precio.cabecera { grid-template-columns: minmax(0, 1fr) 6.5rem 6.5rem; }
.fila-precio.cabecera span:not(.crece) { text-align: right; }
.valor-anexo { font-weight: normal; }
.grupo-detalle-titulo { margin-bottom: var(--e-2); }
.fila-precio .equivalente { text-align: right; color: var(--texto-3); font-weight: normal; }
/* Gráfico: interruptor unidades/mayoreo solo con íconos; la leyenda es de lectura */
.segmentado-iconos button { display: inline-grid; place-items: center; min-width: 2rem; }
.segmentado-iconos .icono { width: 0.9rem; height: 0.9rem; }
.fila-estilo { gap: var(--e-2); }
.fila-estilo > .t-pequeno { margin-right: auto; }
.fila-estilo > .segmentado-mini { margin-left: 0; }
.leyenda-fila .leyenda-item { cursor: default; }