/* =============================================================================
   PRODUCCIÓN DE POLVOS — lo POCO que la mesa de órdenes agrega a la de Ventas
   docs/RUNBOOK-IDENTIDAD-POLVOS.md, sub-etapa 3a (lámina 14, ganó la A, 02/10/2026)
   =============================================================================
   LA PANTALLA SE VISTE CON `ventas/ventas-ui.css` (`.vt-ui`): la barra de
   secciones, el segmento, el buscador, la tabla, la franja y el pie son los de
   la mesa de Ventas. El verde lo pone `core/shell-ui.css` (`theme-endulzantes`).

   Acá va sólo lo que Ventas no tiene: la barra de avance de una orden, el lote
   en mono y la ficha que se abre DEBAJO de la fila. Todo bajo `.ed-ui .pp-`.
   ============================================================================= */

/* El segmento vive en la fila de filtros, al lado del buscador: sin el margen
   que trae cuando va suelto debajo de la barra de secciones. */
.ed-ui .pp-seg { padding: 0; }

/* El lote y los números de parte: mono y navy, como el número de la orden. */
.ed-ui .pp-lote, .ed-ui .pp-mono { font-family: 'IBM Plex Mono', Consolas, monospace; font-weight: 700; font-size: 11.5px; color: var(--navy); }

/* El avance: la barra (hecho / planificado) y el número al lado. Ámbar si la
   orden se cerró lejos de lo planificado. */
.ed-ui .pp-av { display: flex; align-items: center; gap: 8px; }
.ed-ui .pp-barra { flex: 1; height: 7px; border-radius: 99px; background: var(--hair); overflow: hidden; min-width: 60px; }
.ed-ui .pp-barra > i { display: block; height: 100%; border-radius: 99px; background: var(--navy-500); }
.ed-ui .pp-barra.wrn > i { background: var(--warn); }

/* La fila elegida y la ficha debajo: la fila queda teñida, la ficha es una
   tarjeta dentro de una celda que NO se comporta como fila (ni alto fijo, ni
   recorte, ni el hover de la tabla). */
.ed-ui table.vt-tabla tbody tr.pp-sel td { background: var(--navy-050); }
.ed-ui table.vt-tabla tbody tr.pp-ficha-tr { cursor: default; }
.ed-ui table.vt-tabla tbody tr.pp-ficha-tr > td { height: auto; padding: 0 10px 12px; white-space: normal; overflow: visible; background: var(--navy-050); }
.ed-ui .pp-ficha { background: var(--surface); border: 1px solid var(--hair); border-radius: 10px; }
.ed-ui .pp-ficha-h { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-bottom: 1px solid var(--hair); flex-wrap: wrap; }
.ed-ui .pp-ficha-h .sp { flex: 1; }
.ed-ui .pp-dim, .ed-ui .pp-nota { color: var(--muted); font-size: 12px; }
.ed-ui .pp-ficha-c { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.ed-ui .pp-ficha-c > div { padding: 10px 12px; min-width: 0; }
.ed-ui .pp-ficha-c > div + div { border-left: 1px solid var(--hair); }
.ed-ui .pp-ficha h5 { margin: 0 0 6px; font-size: 10.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--faint); }
.ed-ui table.pp-t { width: 100%; border-collapse: collapse; font-size: 12.5px; }
/* Va adentro de una celda de `vt-tabla`, y `.vt-ui table.vt-tabla td` (alto
   fijo de 48 px, puntero) le llega igual: por descendencia. Se le saca acá. */
.ed-ui table.pp-t tr { cursor: default; }
.ed-ui table.pp-t td { height: auto; line-height: 1.4; padding: 5px 4px; border-bottom: 1px solid var(--hair); vertical-align: middle; white-space: nowrap; }
.ed-ui table.pp-t td.n { text-align: right; }
.ed-ui table.pp-t td.pp-acc { text-align: right; }
.ed-ui table.pp-t td.pp-acc .vt-min + .vt-min { margin-left: 5px; }
.ed-ui table.pp-t td .vt-art { display: inline-block; max-width: 300px; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }
.ed-ui .pp-nada { margin: 4px 0; color: var(--muted); font-style: italic; font-size: 12.5px; }
.ed-ui .pp-aviso { display: flex; align-items: center; gap: 7px; margin: 10px 12px 0; padding: 8px 11px; border-radius: 8px; font-size: 12.5px; background: var(--warn-050); color: var(--warn); border: 1px solid var(--warn-hair); }
.ed-ui .pp-aviso.gris { background: var(--canvas); color: var(--muted); border-color: var(--hair); }
@media (max-width: 760px) {
    .ed-ui .pp-ficha-c { grid-template-columns: 1fr; }
    .ed-ui .pp-ficha-c > div + div { border-left: 0; border-top: 1px solid var(--hair); }
}