/* =============================================================================
   PRODUCCIÓN DE POLVOS — LA HOJA DE LA NUEVA ORDEN DE ELABORACIÓN
   docs/RUNBOOK-IDENTIDAD-POLVOS.md, sub-etapa 3b (lámina 15, ganó la A, 02/10/2026)
   =============================================================================
   El panel es el de la ficha de Ventas (`vt-ficha-velo` / `vt-ficha-panel`) y
   las tarjetas son las del Nuevo pedido (`vt-nv-card`), de `ventas-ui.css`.
   Acá: una columna en vez de dos, la tabla de la receta y el lote como chip
   con su cantidad editable. Todo bajo `.ed-ui .pl-` (y dos tonos de lo de
   Ventas: la ayuda en rojo y el campo mal). Va aparte de la hoja de la mesa,
   que su banco custodia chica.
   Desde la 3c (lámina 16) la viste también la hoja de la nueva orden de
   ENVASADO (`produccion-envasar.js`, ids `pe-`): mismas clases, más el renglón
   que dice quién tiene comprometido un lote (`pl-quien`).
   ============================================================================= */
.ed-ui .pl-panel { max-width: 1040px; }
.ed-ui .pl-b { flex: 1; min-height: 0; overflow: auto; padding: 4px 22px 18px; background: var(--canvas); }
.ed-ui .pl-campos { padding-bottom: 12px; }
.ed-ui .vt-nv-hint.crit { color: var(--crit); font-weight: 700; }
.ed-ui .vt-in.pl-mal { border-color: var(--crit); }
.ed-ui .pl-n { text-align: right; font-variant-numeric: tabular-nums; }
.ed-ui .pl-nada { margin: 0; padding: 14px 16px; color: var(--muted); font-size: 12.5px; }
.ed-ui .pl-nada.crit { color: var(--crit); font-weight: 600; }
.ed-ui .pl-tabla-c { overflow-x: auto; }
.ed-ui table.pl-tabla { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.ed-ui table.pl-tabla th { text-align: left; font-size: 10.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--faint); padding: 7px 10px; border-bottom: 1px solid var(--hair); background: var(--canvas); white-space: nowrap; }
.ed-ui table.pl-tabla td { padding: 7px 10px; border-bottom: 1px solid var(--hair); vertical-align: middle; }
.ed-ui table.pl-tabla tr:last-child td { border-bottom: 0; }
.ed-ui table.pl-tabla .n { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ed-ui table.pl-tabla .c { text-align: center; white-space: nowrap; }
.ed-ui table.pl-tabla tr.pl-crit td { background: var(--crit-050); }
.ed-ui .pl-s { display: block; font-size: 11px; font-weight: 500; color: var(--muted); text-transform: none; letter-spacing: 0; }
.ed-ui th .pl-s { display: inline; margin-left: 4px; }
.ed-ui .pl-dim { color: var(--muted); }
.ed-ui .pl-chips { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.ed-ui .pl-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--navy-300); background: var(--navy-050); border-radius: 7px; padding: 2px 4px 2px 8px; white-space: nowrap; }
.ed-ui .pl-lote { font-family: 'IBM Plex Mono', Consolas, monospace; font-weight: 800; font-size: 11.5px; color: var(--navy); }
.ed-ui .pl-q { width: 74px; font: inherit; font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; border: 1px solid var(--navy-300); border-radius: 5px; padding: 1px 5px; background: var(--surface); color: var(--ink); }
.ed-ui .pl-q:focus { outline: none; border-color: var(--navy); box-shadow: 0 0 0 3px var(--navy-050); }
.ed-ui .pl-f { font-size: 11px; color: var(--muted); }
.ed-ui .pl-x { border: 0; background: none; padding: 0 2px; cursor: pointer; color: var(--faint); line-height: 1; }
.ed-ui .pl-x:hover { color: var(--crit); }
.ed-ui .pl-x .material-symbols-outlined { font-size: 15px; vertical-align: -3px; }
.ed-ui .pl-mas { font: inherit; font-size: 11.5px; font-weight: 700; color: var(--navy); border: 1px dashed var(--hair-strong); border-radius: 7px; padding: 2px 6px; background: var(--surface); cursor: pointer; max-width: 220px; }
.ed-ui .pl-est { font-weight: 800; font-size: 12px; white-space: nowrap; }
.ed-ui .pl-est.ok { color: var(--ok); } .ed-ui .pl-est.wrn { color: var(--warn); } .ed-ui .pl-est.crit { color: var(--crit); }
.ed-ui .pl-est .material-symbols-outlined { font-size: 18px; vertical-align: -4px; }
.ed-ui .pl-pie { font-size: 12.5px; color: var(--muted); min-width: 0; }
.ed-ui .pl-pie-crit { color: var(--crit); font-weight: 600; }
.ed-ui .pl-pie-wrn { color: var(--warn); font-weight: 600; }
.ed-ui .pl-pie .material-symbols-outlined { font-size: 17px; vertical-align: -4px; }
.ed-ui .pl-quien { display: block; margin-top: 3px; font-size: 11px; color: var(--muted); }
.ed-ui .pl-quien b { color: var(--warn); font-weight: 700; }
@media (max-width: 640px) { .ed-ui .pl-b { padding: 4px 10px 12px; } }