/* propio.css — sólo lo que estilo.css no trae, usando sus mismas variables. */

/* .lista y .campos vienen con flex:1 pensado para una pantalla de una sola
   sección que ocupa todo el alto. Aquí hay dos secciones una debajo de otra;
   sin esto, cada una se estira y deja un hueco vacío enorme entre ambas. */
#conteo, #armar { flex: none; min-height: auto; overflow: visible; }

.entrada { display: flex; gap: 10px; margin-top: 8px; }
.entrada .campo { flex: 1; min-width: 0; }
.entrada button { flex: none; }

.fila-armar { display: flex; flex-direction: column; gap: 4px; }
.fila-armar .et { margin-bottom: 0; }
.fila-armar .et b { color: var(--texto); }

button.chico { padding: 9px 16px; font-size: 13px; border-radius: 999px; }
button:disabled { opacity: .4; cursor: default; }