/* =============================================================================
   EL INICIO DE POLVOS — el radar de Azúcar en verde
   docs/RUNBOOK-IDENTIDAD-POLVOS.md, sub-etapa 7a (lámina 25, ganó la A, 05/10/2026)
   =============================================================================
   La pantalla de `dashboard.js` (ids `db-`) se viste con las clases del Inicio
   de Azúcar (`dash-ui.css`, `.dh-ui`): la tarjeta con la cabecera teñida, las
   chips de acción, las celdas, la fila, el ranking con medidor. El verde lo
   pone el token del navy bajo `theme-endulzantes`, y la cinta Edulcorantes ·
   Jugos es la de Trazabilidad (`.tq-cinta`). Sin tira «Pide acción» desde el
   14/10/2026. Acá sólo lo que Azúcar no tiene:
     · la fila de la cinta, arriba de todo, a la derecha;
     · la grilla de DOS (producto terminado · granel);
     · la fila que es una PUERTA (en Azúcar las filas no navegan): un botón que
       se ve como la fila;
     · la puerta QUIETA: el rol no entra a esa pantalla, así que no hay manito
       ni se levanta al pasar — también en una chip.
   ============================================================================= */
.ed-ui .db-g2 { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 14px; }
@media (max-width: 900px) { .ed-ui .db-g2 { grid-template-columns: minmax(0, 1fr); } }

.ed-ui button.dh-fila { width: 100%; text-align: left; font: inherit; font-size: 12.4px; color: inherit; background: none; border-top: 0; border-right: 0; cursor: pointer; transition: background .13s; }
.ed-ui button.dh-fila:hover, .ed-ui button.dh-fila:focus-visible { background: var(--navy-050); outline: none; }
.ed-ui button.dh-fila:hover .t b { color: var(--navy); }

.ed-ui .db-cinta-fila { display: flex; justify-content: flex-end; }
.ed-ui .dh-al.db-quieto { cursor: default; }

/* Angosto: las celdas rótulo·cifra·nota de tres en fila se pisaban («PENDIENTEEN
   CARGA», medido a 390 px). Bajan de a dos y la raya vertical se va. */
@media (max-width: 600px) {
    .ed-ui .dh-kv { flex-wrap: wrap; row-gap: 10px; }
    .ed-ui .dh-kv > div { flex: 1 1 40%; }
    .ed-ui .dh-kv > .sep { display: none; }
}

@media (prefers-reduced-motion: reduce) { .ed-ui button.dh-fila { transition: none; } }