/* © 2026 KoreStock Ledger — un proyecto de Kitsótaro · Código disponible, todos los derechos reservados (ver LICENSE).
 * REGISTRO — pantallas Venta (verde) y Entrada (azul), §12.2 y §13. */
.registro { display: grid; gap: var(--e-3); }
.registro .buscador .control { min-height: var(--alto-control); border-radius: var(--r-sm); }
.registro-venta .tarjeta-producto { border-left: 4px solid var(--venta); }
.registro-entrada .tarjeta-producto { border-left: 4px solid var(--entrada); }
.total-cobrado input { color: var(--venta); }
.registro-entrada .total-pagado input { color: var(--entrada); }
details.desplegable-simple > summary { display: flex; align-items: center; gap: var(--e-2); }
details.desplegable-simple:not([open]) { padding-top: var(--e-3); padding-bottom: var(--e-3); }
.fila-presentacion { grid-template-columns: 2fr 1fr 1.3fr; }
.calculo { font-size: var(--t-sm); color: var(--texto-2); display: grid; gap: 2px; }
.calculo strong { color: var(--texto); font-family: var(--fuente-mono); }
.nivel-extra { display: flex; flex-wrap: wrap; align-items: center; gap: var(--e-2); }
.encabezado-registro { display: flex; align-items: center; gap: var(--e-2); font-weight: var(--peso-fuerte); }
.encabezado-registro.venta { color: var(--venta); } .encabezado-registro.entrada { color: var(--entrada); }
/* Entrada (fase UI): unidad de compra y resumen de solo lectura antes de «Guardar» */
.segmentado-compra { display: inline-grid; grid-auto-flow: column; padding: 3px; gap: 3px; border-radius: var(--r-pildora); background: var(--superficie-3); align-self: flex-start; }
.segmentado-compra button { border: 0; border-radius: var(--r-pildora); min-height: 2.25rem; padding: 0 var(--e-3); background: transparent; color: var(--texto-2); font-weight: var(--peso-fuerte); font-size: var(--t-sm); cursor: pointer; }
.segmentado-compra button::first-letter { text-transform: uppercase; }
.segmentado-compra button[aria-checked="true"] { background: var(--activo-fondo); color: var(--activo-texto); }
.resumen-compra { display: grid; gap: var(--e-1); }
.fila-resumen { display: flex; align-items: center; gap: var(--e-2); font-size: var(--t-sm); color: var(--texto-2); padding: var(--e-1) 0; }
.fila-resumen + .fila-resumen { border-top: 1px dashed var(--borde); }
.fila-resumen strong { color: var(--texto); font-variant-numeric: tabular-nums; }
.fila-resumen strong.t-exito { color: var(--exito); } .fila-resumen strong.t-peligro { color: var(--peligro); } .fila-resumen strong.t-aviso { color: var(--aviso); }
.registro .dato { display: flex; justify-content: space-between; align-items: baseline; gap: var(--e-3); color: var(--texto-2); font-size: var(--t-sm); }
.registro .dato strong { color: var(--texto); }
.registro .dato strong.t-exito { color: var(--exito); } .registro .dato strong.t-peligro { color: var(--peligro); }
/* Mismo espacio entre todas las tarjetas del registro (también Cliente, resumen y botones) */
#venta-producto, #venta-carrito, #entrada-producto, #entrada-carrito { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--e-3); }
#venta-producto:empty, #venta-carrito:empty, #entrada-carrito:empty, #entrada-resumen:empty { display: none; }
.registro .tarjeta + .tarjeta { margin-top: 0; }
#venta-cliente { margin: 0; }
/* Modo Pro: todo lo que se sabe del producto en su tarjeta */
.detalle-pro { display: grid; gap: var(--e-1); padding-top: var(--e-2); margin-top: var(--e-1); border-top: 1px dashed var(--borde); }
.detalle-pro .dato strong { text-align: right; }
/* Total cobrado: solo lectura salvo «¿Cobro extraordinario?» */
.control.solo-lectura { background: transparent; border-color: transparent; box-shadow: none; padding-left: 0; }
.control.solo-lectura input { cursor: default; }
.interruptor-cobro { align-items: flex-start; margin-top: var(--e-1); }
/* Modo editor dentro de la tarjeta del producto */
.editor-producto { padding-top: var(--e-2); border-top: 1px dashed var(--borde); gap: var(--e-3); }