/* =============================================================================
   ÓRDENES DE AZÚCAR EN EL TELÉFONO — etapa 3f del teléfono
   docs/movil/lamina-08-azucar-ordenes.html: ganó la B (07/10/2026), «mira, y
   pasa de bandeja». Debajo de 768 px, el umbral con el que `mobile-router.js`
   elige el mundo.

   HOJA APARTE de `ord-ui.css`: no agrega nada al escritorio. Va DESPUÉS de
   ella en index.html. Scope `#mobile-data-container #ordenes-hub` (la
   pantalla) y `#ord-ficha` / `#ord-dlg` (la ficha y el diálogo del pase, que
   cuelgan de <body>). POR ID: `.ord-ui` es el vocabulario del módulo y nadie
   más lo usa hoy, pero el 07/10 la hoja de Stock escrita sobre `.stk-ui` le
   armó la grilla de Azúcar a Stock de Polvos — el scope va por la raíz.

   QUÉ HACE:
   · La barra de bandejas es la píldora (el indicador lo pone
     `core/mobile-gestos.js`); el contador va adentro de cada botón; la cola
     («6 sin mover») baja a su renglón, en una línea.
   · Debajo, la línea de contexto que escribe `ordenes-movil.js`.
   · El renglón apilado, con las celdas por su clase (`o-num`, `o-tit`…) y no
     por `nth-child`: la casilla de selección corre las columnas entre bandejas.
         OC14-Z2026                               200.000
         FIDEICOMISO TRINIDAD                   kg faltan
         🏭 FIDEICOMISO TRINIDAD
         11401  Azucar CTA - Trinidad  MIX
         ▬▬▬▬ 96%  4.800.000 kg · 120 cargas          47 d
         pactado 5.000.000 kg · 100.000 x 50 kg
     En Finalizadas: los kilos recibidos en verde y «última carga».
   · La ficha y el diálogo del pase suben desde abajo como hoja; las dos
     tablas chicas de la ficha se apilan.
   · Sin la casilla, sin la barra de selección, sin las acciones de la fila:
     el pase va en el pie de la ficha (`ordenes-movil.js`).
   ========================================================================== */
@media (max-width: 767px) {
    /* ── La cadena de alto: el que scrollea es el `main` del teléfono ───── */
    #mobile-data-container #ordenes-hub.ord-hub { flex: none; min-height: 0; display: block; }
    #mobile-data-container #ordenes-hub .ord-shell { border-radius: 0; box-shadow: none; overflow: visible; flex: none; display: block; background: var(--canvas); }
    #mobile-data-container #ordenes-hub .ord-view { padding: 0 0 24px; overflow: visible; flex: none; display: block; }
    #mobile-data-container #ordenes-hub #ord-sec-lista { display: block; flex: none; min-height: 0; }
    #mobile-data-container #ordenes-hub .ord-caja { display: block; margin: 8px 8px 0; border-radius: var(--r-card); box-shadow: var(--e1); border: 1px solid var(--hair); background: var(--surface); overflow: hidden; }
    #mobile-data-container #ordenes-hub .ord-scroll { overflow: visible; flex: none; max-height: none; }
    #mobile-data-container #ordenes-hub .ord-ph { display: none; }

    /* ── La píldora ─────────────────────────────────────────────────────── */
    /* La píldora gris es un `::before` del primer renglón: la cola va debajo,
       sobre el fondo de la pantalla, no adentro del gris. */
    #mobile-data-container #ordenes-hub #ord-secnav {
        position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;
        margin: 8px 8px 0; padding: 3px; border: 0; border-radius: 11px;
        background: none; box-shadow: none; overflow: visible;
    }
    #mobile-data-container #ordenes-hub #ord-secnav::before {
        content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; height: 44px;
        border-radius: 11px; background: #e3e7ef;
    }
    #mobile-data-container #ordenes-hub #ord-secnav > button {
        position: relative; z-index: 1; justify-content: center; gap: 5px;
        min-height: 38px; padding: 0 2px; border-radius: 8px; background: none;
        font-size: 12.5px; white-space: nowrap; color: var(--muted); transition: color .24s ease;
    }
    #mobile-data-container #ordenes-hub #ord-secnav > button[aria-current="true"] { color: var(--navy); }
    #mobile-data-container #ordenes-hub #ord-secnav > button::after,
    #mobile-data-container #ordenes-hub #ord-secnav > button > .material-symbols-outlined { display: none; }
    #mobile-data-container #ordenes-hub #ord-secnav:not(.mv-con-ind) > button[aria-current="true"] { background: #fff; box-shadow: var(--e1); }
    #mobile-data-container #ordenes-hub #ord-secnav .cnt { font-size: 10.5px; line-height: 16px; padding: 0 5px; min-width: 18px; background: #fff; color: var(--muted); border: 1px solid var(--hair-strong); }
    #mobile-data-container #ordenes-hub #ord-secnav > button[aria-current="true"] .cnt { background: var(--navy); color: #fff; border-color: var(--navy); }
    #mobile-data-container #ordenes-hub #ord-secnav .cnt.esperando { min-width: 18px; }
    /* La cola: «6 sin mover», en UNA línea debajo de la píldora. */
    #mobile-data-container #ordenes-hub #ord-cola { grid-column: 1 / -1; margin: 0; padding: 0; display: block; }
    #mobile-data-container #ordenes-hub #ord-cola:empty { display: none; }
    #mobile-data-container #ordenes-hub .ord-alert {
        display: flex; align-items: center; gap: 6px; width: 100%; margin: 6px 0 0; padding: 4px 8px;
        background: none; border: 0; border-radius: 0; box-shadow: none; transform: none; font-size: 11.5px;
    }
    #mobile-data-container #ordenes-hub .ord-alert .v { font-size: 12.5px; }
    #mobile-data-container #ordenes-hub .ord-alert .k { text-transform: none; letter-spacing: 0; }
    /* El `::after` del botón es, en la PC, el subrayado de la bandeja (absoluto,
       2,5 px, `scaleX(0)`): acá vuelve a ser texto. */
    #mobile-data-container #ordenes-hub .ord-alert::after {
        content: '· más de 15 días en su bandeja'; color: var(--muted); font-weight: 500;
        position: static; height: auto; background: none; transform: none; left: auto; right: auto;
    }
    #mobile-data-container #ordenes-hub .ord-alert .material-symbols-outlined { color: var(--warn); }

    /* ── La línea de contexto y el plan, plegado ────────────────────────── */
    #mobile-data-container #ordenes-hub .ord-mv-ctx { margin: 8px 16px 0; font-size: 12px; line-height: 1.4; color: var(--muted); }
    #mobile-data-container #ordenes-hub .ord-mv-ctx:empty { display: none; }
    #mobile-data-container #ordenes-hub #ord-plan {
        display: flex; align-items: center; gap: 8px; margin: 8px 8px 0; padding: 8px 12px;
        background: #f6f7fa; border: 1px solid var(--hair-strong); border-radius: 11px;
        font-size: 12.5px; line-height: 1.45; color: var(--muted); cursor: pointer;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;
    }
    #mobile-data-container #ordenes-hub #ord-plan::before {
        content: 'event_note'; font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal;
        font-size: 17px; line-height: 1; vertical-align: -3px; margin-right: 6px; color: var(--navy-500);
        -webkit-font-smoothing: antialiased;
    }
    #mobile-data-container #ordenes-hub #ord-plan small { display: none; }
    #mobile-data-container #ordenes-hub #ord-plan[hidden] { display: none; }

    /* ── El buscador, su ámbito, y lo que no va ─────────────────────────── */
    #mobile-data-container #ordenes-hub .ord-bar { padding: 8px 8px 0; display: flex; flex-wrap: wrap; gap: 4px 0; }
    #mobile-data-container #ordenes-hub .ord-search { flex: 1 1 100%; min-width: 0; }
    #mobile-data-container #ordenes-hub .ord-search input { min-height: 40px; border-radius: 11px; font-size: 13.5px; }
    #mobile-data-container #ordenes-hub .ord-ambito { padding: 0 8px; }
    #mobile-data-container #ordenes-hub #ord-sel { display: none; }

    /* ── La tabla: cada fila se apila ───────────────────────────────────── */
    #mobile-data-container #ordenes-hub table.ord-g,
    #mobile-data-container #ordenes-hub table.ord-g tbody { display: block; width: 100%; min-width: 0; table-layout: auto; }
    #mobile-data-container #ordenes-hub table.ord-g thead { display: none; }
    #mobile-data-container #ordenes-hub table.ord-g tbody tr { display: block; border-bottom: 1px solid var(--hair); border-left: 3px solid var(--hair-strong); }
    #mobile-data-container #ordenes-hub table.ord-g tbody tr:last-child { border-bottom: 0; }
    #mobile-data-container #ordenes-hub table.ord-g tbody tr:hover { background: none; }
    #mobile-data-container #ordenes-hub table.ord-g tbody td {
        display: block; padding: 0; border: 0; min-width: 0; height: auto;
        white-space: normal; text-align: left; background: none; font-size: 12.5px;
    }
    #mobile-data-container #ordenes-hub table.ord-g td.vacia { padding: 28px 16px; text-align: center; }
    #mobile-data-container #ordenes-hub table.ord-g tr.st-curso { border-left-color: var(--navy-300); }
    #mobile-data-container #ordenes-hub table.ord-g tr.st-ok    { border-left-color: var(--ok); }
    #mobile-data-container #ordenes-hub table.ord-g tr.st-vieja { border-left-color: var(--warn); }
    #mobile-data-container #ordenes-hub table.ord-g tr.marcada { background: none; }

    #mobile-data-container #ordenes-hub table.ord-g tbody tr[data-id] {
        display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; row-gap: 1px;
        align-items: start; padding: 10px 12px 10px 9px; cursor: pointer;
    }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.c,
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-acc { display: none; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-num {
        grid-area: 1 / 1; font-family: Consolas, "SF Mono", monospace; font-size: 13px; font-weight: 700; color: var(--navy);
    }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-pend {
        grid-area: 1 / 2 / 3 / 3; text-align: right; font-size: 17px; font-weight: 700; line-height: 1.15;
        font-variant-numeric: tabular-nums;
    }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-pend::after {
        content: 'kg faltan'; display: block; font-size: 11px; font-weight: 500; color: var(--muted);
    }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-tit { grid-area: 2 / 1; font-size: 14px; font-weight: 600; line-height: 1.3; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-em {
        grid-area: 3 / 1 / 4 / 3; font-size: 12px; color: var(--muted);
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-em::before {
        content: 'factory'; font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal;
        font-size: 14px; line-height: 1; vertical-align: -2px; margin-right: 4px; color: var(--faint);
        -webkit-font-smoothing: antialiased;
    }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-art { grid-area: 4 / 1 / 5 / 3; font-size: 12.5px; line-height: 1.5; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-art .ord-cod { margin-right: 5px; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-art .ord-b { margin-left: 5px; vertical-align: 1px; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-art .sub { display: inline; margin-left: 5px; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-art .sub::before { content: '· '; color: var(--faint); }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-rec {
        grid-area: 5 / 1; margin-top: 4px; font-size: 11.5px; color: var(--muted);
        display: flex; align-items: center; gap: 6px; white-space: nowrap; min-width: 0;
    }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-rec .ord-med { justify-content: flex-start; gap: 6px; flex: none; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-rec .ord-med .tr { width: 64px; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-rec .ord-med .pc { width: auto; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-rec .sub { display: inline; margin: 0; font-size: 11.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-edad { grid-area: 5 / 2; margin-top: 4px; text-align: right; font-size: 11.5px; white-space: nowrap; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-tot { grid-area: 6 / 1 / 7 / 3; font-size: 11.5px; color: var(--faint); font-variant-numeric: tabular-nums; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-tot::before { content: 'pactado '; }
    /* «pactado 30.000 kg · 600 x 50 kg»: la unidad va entre el número y las bolsas, no después de las dos. */
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-tot::after { content: ' kg'; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-tot:has(.sub)::after { content: none; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-tot .sub { display: inline; margin: 0; font-size: 11.5px; }
    #mobile-data-container #ordenes-hub table.ord-g tr[data-id] td.o-tot .sub::before { content: ' kg · '; }
    /* Finalizadas: no falta nada — los kilos recibidos en verde, y cuándo fue la última carga. */
    #mobile-data-container #ordenes-hub[data-bandeja="finalizadas"] table.ord-g tr[data-id] td.o-pend { display: none; }
    #mobile-data-container #ordenes-hub[data-bandeja="finalizadas"] table.ord-g tr[data-id] td.o-tot {
        grid-area: 1 / 2 / 3 / 3; text-align: right; font-size: 17px; font-weight: 700; line-height: 1.15; color: var(--ok);
    }
    #mobile-data-container #ordenes-hub[data-bandeja="finalizadas"] table.ord-g tr[data-id] td.o-tot::before { content: none; }
    #mobile-data-container #ordenes-hub[data-bandeja="finalizadas"] table.ord-g tr[data-id] td.o-tot::after {
        content: 'kg recibidos'; display: block; font-size: 11px; font-weight: 500; color: var(--muted);
    }
    #mobile-data-container #ordenes-hub[data-bandeja="finalizadas"] table.ord-g tr[data-id] td.o-tot .sub { display: none; }
    #mobile-data-container #ordenes-hub[data-bandeja="finalizadas"] table.ord-g tr[data-id] td.o-edad::before { content: 'última carga '; color: var(--muted); }

    /* ── El pie y el vacío ──────────────────────────────────────────────── */
    #mobile-data-container #ordenes-hub .ord-pie { display: flex; flex-wrap: wrap; gap: 4px 10px; padding: 10px 14px; font-size: 11.5px; }
    #mobile-data-container #ordenes-hub .ord-pie .sp { display: none; }
    #mobile-data-container #ordenes-hub .ord-pie > span:last-child { flex: 1 1 100%; }
    #mobile-data-container #ordenes-hub .ord-pie #ord-vermas { min-height: 36px; padding: 0 14px; }
    #mobile-data-container #ordenes-hub .ord-vacio { padding: 36px 20px; }

    /* ── El velo y la hoja del plan ─────────────────────────────────────── */
    #mobile-data-container #ordenes-hub .ord-mv-velo {
        position: fixed; inset: 0; z-index: 184; background: rgba(10, 20, 40, .38);
        opacity: 0; pointer-events: none; transition: opacity .25s ease;
    }
    #mobile-data-container #ordenes-hub.ord-mv-con-hoja .ord-mv-velo { opacity: 1; pointer-events: auto; }
    #mobile-data-container #ordenes-hub .ord-mv-hoja[hidden] { display: none; }
    #mobile-data-container #ordenes-hub .ord-mv-hoja {
        position: fixed; left: 0; right: 0; bottom: 0; z-index: 185;
        max-height: 86vh; overflow-y: auto; overscroll-behavior: contain;
        display: flex; flex-direction: column; background: var(--surface);
        border-radius: 20px 20px 0 0; box-shadow: 0 -10px 30px rgba(16, 32, 64, .18);
        animation: mvHojaSube .28s cubic-bezier(.2, .8, .2, 1) both; will-change: transform;
    }
    #mobile-data-container #ordenes-hub .ord-mv-hoja .asa { flex: none; align-self: center; width: 40px; height: 5px; margin: 8px 0 4px; border-radius: 9px; background: var(--hair-strong); }
    #mobile-data-container #ordenes-hub .ord-mv-hoja .h-cab { padding: 4px 18px 10px; border-bottom: 1px solid var(--hair); flex: none; }
    #mobile-data-container #ordenes-hub .ord-mv-hoja .h-cab .lb { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); font-weight: 700; }
    #mobile-data-container #ordenes-hub .ord-mv-hoja .h-cab h4 { margin: 2px 0 0; font-size: 17px; }
    #mobile-data-container #ordenes-hub .ord-mv-hoja .h-cuerpo { padding: 12px 18px; overflow: auto; font-size: 13.5px; line-height: 1.55; }
    #mobile-data-container #ordenes-hub .ord-mv-hoja .h-cuerpo small { display: block; margin-top: 4px; color: var(--muted); }
    #mobile-data-container #ordenes-hub .ord-mv-hoja .h-cuerpo .neg { color: var(--crit); }
    #mobile-data-container #ordenes-hub .ord-mv-hoja .h-cuerpo .ok { color: var(--ok); }
    #mobile-data-container #ordenes-hub .ord-mv-hoja .h-cuerpo .nota { margin: 12px 0 0; font-size: 12px; color: var(--muted); }
    #mobile-data-container #ordenes-hub .ord-mv-hoja .h-pie { flex: none; display: flex; padding: 10px 14px 16px; border-top: 1px solid var(--hair); }
    #mobile-data-container #ordenes-hub .ord-mv-hoja .h-pie .ord-btn { flex: 1; min-height: 44px; }
    #mobile-data-container #ordenes-hub .ord-mv-hoja.mv-arrastra { animation: none; transition: none; }
    #mobile-data-container #ordenes-hub .ord-mv-hoja.mv-baja { transition: transform .22s ease-in; transform: translateY(105%) !important; }
    #mobile-data-container #ordenes-hub .ord-mv-hoja.mv-vuelve { transition: transform .2s ease; }

    /* ── La ficha y el diálogo del pase: hojas que suben desde abajo ────── */
    #ord-ficha.ord-ui.ord-velo, #ord-dlg.ord-ui.ord-velo { align-items: flex-end; padding: 0; backdrop-filter: none; }
    #ord-ficha .ord-panel, #ord-dlg .ord-panel {
        width: 100%; height: auto; max-height: 90vh; border-radius: 20px 20px 0 0;
        animation: mvHojaSube .28s cubic-bezier(.2, .8, .2, 1); will-change: transform;
    }
    #ord-ficha .ord-panel::before, #ord-dlg .ord-panel::before {
        content: ''; flex: none; align-self: center; width: 40px; height: 5px;
        margin: 8px 0 0; border-radius: 9px; background: var(--hair-strong);
    }
    #ord-ficha .ord-panel.mv-arrastra, #ord-dlg .ord-panel.mv-arrastra { animation: none; transition: none; }
    #ord-ficha .ord-panel.mv-baja, #ord-dlg .ord-panel.mv-baja { transition: transform .22s ease-in; transform: translateY(105%) !important; }
    #ord-ficha .ord-panel.mv-vuelve, #ord-dlg .ord-panel.mv-vuelve { transition: transform .2s ease; }
    #ord-ficha .ord-panel-h, #ord-dlg .ord-panel-h { background: none; color: var(--ink); padding: 6px 18px 10px; border-bottom: 1px solid var(--hair); gap: 8px 12px; }
    #ord-ficha .ord-panel-h .lb, #ord-dlg .ord-panel-h .lb { color: var(--faint); }
    #ord-ficha .ord-panel-h .num, #ord-dlg .ord-panel-h .num { font-size: 19px; }
    #ord-ficha .ord-panel-h .fecha { color: var(--muted); flex: 1 1 100%; order: 5; }
    #ord-ficha .ord-panel-h .ord-b { background: var(--navy-050); border-color: #d3dff0; color: var(--navy-500); }
    #ord-ficha .ord-panel-h .ord-b.wrn { background: var(--warn-050); border-color: var(--warn-hair); color: var(--warn); }
    #ord-ficha .ord-panel-h .cerrar, #ord-dlg .ord-panel-h .cerrar { color: var(--muted); }
    #ord-ficha .ord-cols { display: block; overflow: auto; }
    #ord-ficha .ord-col { padding: 14px 18px; }
    #ord-ficha .ord-col-l { background: none; }
    #ord-ficha .ord-dl .v { font-size: 13.5px; }
    #ord-dlg .ord-cuerpo { padding: 14px 18px; }
    /* Las dos tablas chicas de la ficha, apiladas: nada de costado. */
    #ord-ficha table.ord-mini, #ord-ficha table.ord-mini tbody, #ord-ficha table.ord-mini tfoot { display: block; width: 100%; }
    #ord-ficha table.ord-mini thead { display: none; }
    #ord-ficha table.ord-mini td { display: block; padding: 0; border: 0; white-space: normal; }
    #ord-ficha table.ord-mini tbody tr, #ord-ficha table.ord-mini tfoot tr {
        display: grid; grid-template-columns: auto minmax(0, 1fr) auto; column-gap: 8px; row-gap: 1px;
        align-items: baseline; padding: 7px 0; border-bottom: 1px solid var(--hair);
    }
    #ord-ficha table.ord-mini tbody tr:last-child { border-bottom: 0; }
    #ord-ficha table.ord-mini td:last-child { grid-column: 3; grid-row: 1 / 3; align-self: center; text-align: right; font-weight: 700; font-size: 13.5px; }
    /* Recibido por artículo: código · artículo arriba, bultos debajo. */
    #ord-ficha table.ord-mini tr:has(> td:nth-child(4):last-child) td:nth-child(1) { grid-area: 1 / 1; }
    #ord-ficha table.ord-mini tr:has(> td:nth-child(4):last-child) td:nth-child(2) { grid-area: 1 / 2; font-weight: 500; }
    #ord-ficha table.ord-mini tr:has(> td:nth-child(4):last-child) td:nth-child(3) { grid-area: 2 / 1 / 3 / 3; font-size: 11.5px; color: var(--muted); text-align: left; }
    #ord-ficha table.ord-mini tr:has(> td:nth-child(4):last-child) td:nth-child(3):not(:empty)::after { content: ' bultos'; }
    /* Las cargas, una por una: fecha y movimiento arriba, remito y artículo debajo. */
    #ord-ficha table.ord-mini tr:has(> td:nth-child(5):last-child) td:nth-child(1) { grid-area: 1 / 1; font-weight: 600; }
    #ord-ficha table.ord-mini tr:has(> td:nth-child(5):last-child) td:nth-child(3) { grid-area: 1 / 2; }
    #ord-ficha table.ord-mini tr:has(> td:nth-child(5):last-child) td:nth-child(2) { grid-area: 2 / 1; font-size: 11.5px; color: var(--muted); }
    #ord-ficha table.ord-mini tr:has(> td:nth-child(5):last-child) td:nth-child(2):not(:empty)::before { content: 'rto '; }
    #ord-ficha table.ord-mini tr:has(> td:nth-child(5):last-child) td:nth-child(4) { grid-area: 2 / 2; font-size: 11.5px; color: var(--muted); }
    /* El total del pie de la tabla. */
    #ord-ficha table.ord-mini tfoot tr { border-bottom: 0; border-top: 2px solid var(--hair-strong); margin-top: 2px; }
    #ord-ficha table.ord-mini tfoot td[colspan] { grid-area: 1 / 1 / 2 / 3; font-weight: 700; }
    #ord-ficha table.ord-mini tfoot td:nth-child(2) { grid-area: 2 / 1 / 3 / 3; font-size: 11.5px; color: var(--muted); font-weight: 500; }
    #ord-ficha table.ord-mini tfoot td:nth-child(2):not(:empty)::after { content: ' bultos'; }
    /* El pie: los botones a lo ancho, con el pase de la bandeja. */
    #ord-ficha .ord-panel-f, #ord-dlg .ord-panel-f { padding: 10px 14px 16px; gap: 8px; }
    #ord-ficha .ord-panel-f .ref, #ord-ficha .ord-panel-f .sp, #ord-dlg .ord-panel-f .sp { display: none; }
    #ord-ficha .ord-panel-f .ord-btn, #ord-dlg .ord-panel-f .ord-btn {
        flex: 1; min-height: 44px; border-radius: 11px; font-size: 13.5px;
        display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    }
    #ord-ficha .ord-panel-f .ord-btn .material-symbols-outlined { font-size: 18px; }
    #ord-ficha .ord-panel-f .ord-btn.warn { background: var(--warn-050); color: var(--warn); border-color: var(--warn-hair); }
    /* El diálogo del pase: la instrucción y las ya usadas, cómodas para el dedo. */
    #ord-dlg .ord-in { min-height: 42px; font-size: 14px; }
    #ord-dlg .ord-cuerpo > p.intro .ord-min { min-height: 30px; margin: 3px 2px 0 0; border-radius: 999px; padding: 0 10px; }
    #ord-dlg .ord-resumen ul { max-height: none; }
}