/* =============================================================================
   EL PARTE DIARIO EN EL TELÉFONO — etapa 3k del teléfono
   docs/movil/lamina-13-azucar-parte-diario.html: ganó la B (08/10/2026), «el
   día en renglones», y el teléfono marca controlado.

   La pantalla la arma ENTERA `parte-diario-movil.js` (el Parte Diario de la PC
   no se monta en el teléfono). Scope por id `#mobile-data-container #pdi-ui`.
   Las piezas comunes (píldora, renglón, pie, botones, chips, hoja) son las de
   Producción del Día con otro prefijo: el mismo dibujo, sin compartir clases.

        ✓ Auditado  cerró david a las 17:53
        ┌───────────────┬───────────────┐
        │ PRODUCIDO     │ DESVÍO  ──▮── │   tocar una cifra = su pestaña
        │ ENTRÓ         │ SALIÓ         │
        └───────────────┴───────────────┘
        [ Producción | Entró | Salió | Hay ]
        renglones · el MW sube su hoja (con «Marcar controlado»)
        [ Ver el informe del mail ]                      pegado abajo
   ========================================================================== */
@media (max-width: 767px) {
    #mobile-data-container #pdi-ui {
        display: flex; flex-direction: column; min-height: 100%;
        background: var(--canvas); color: var(--ink); font-size: 14px; line-height: 1.45;
    }
    #mobile-data-container #pdi-ui .pdi-zona { flex: 1; padding-bottom: 18px; }

    /* ── La píldora (el indicador que viaja lo pone mobile-gestos.js) ──── */
    #mobile-data-container #pdi-ui .pdi-seg {
        position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(4, 1fr);
        margin: 8px 12px 0; padding: 3px; border-radius: 11px; background: #e3e7ef;
    }
    #mobile-data-container #pdi-ui .pdi-seg[hidden] { display: none; }
    #mobile-data-container #pdi-ui .pdi-seg > button {
        position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 5px;
        min-height: 38px; border: 0; border-radius: 8px; background: none;
        font: inherit; font-size: 13px; font-weight: 600; color: var(--muted); transition: color .24s;
    }
    #mobile-data-container #pdi-ui .pdi-seg > button.on { color: var(--navy); }
    #mobile-data-container #pdi-ui .pdi-seg:not(.mv-con-ind) > button.on { background: #fff; box-shadow: var(--e1); }
    #mobile-data-container #pdi-ui .pdi-seg > button:focus-visible { outline: 2px solid var(--navy-300); outline-offset: -2px; }
    #mobile-data-container #pdi-ui .pdi-cnt {
        min-width: 18px; padding: 0 6px; border-radius: 999px; background: var(--navy-500); color: #fff;
        font-size: 10.5px; font-weight: 700; line-height: 17px; text-align: center;
    }


    /* ── Rótulos, listas, vacíos ───────────────────────────────────────── */
    #mobile-data-container #pdi-ui .pdi-hh {
        display: flex; align-items: center; gap: 8px; padding: 14px 16px 6px;
        font-size: 11px; letter-spacing: .07em; text-transform: uppercase; color: var(--faint); font-weight: 700;
    }
    #mobile-data-container #pdi-ui .pdi-hh .der { margin-left: auto; text-transform: none; letter-spacing: 0; font-weight: 500; }
    #mobile-data-container #pdi-ui .pdi-n {
        text-transform: none; letter-spacing: 0; font-size: 11.5px; font-weight: 600; color: var(--faint);
        background: #f4f5f8; border: 1px solid var(--hair-strong); border-radius: 999px; padding: 0 8px; line-height: 1.6;
    }
    #mobile-data-container #pdi-ui .pdi-lista { margin: 0 12px 4px; background: #fff; border: 1px solid var(--hair); border-radius: 14px; box-shadow: var(--e1); overflow: hidden; }
    #mobile-data-container #pdi-ui .pdi-vacio {
        margin: 14px 12px; padding: 22px 18px; text-align: center; color: var(--muted); font-size: 13px; line-height: 1.45;
        background: #fff; border: 1px solid var(--hair); border-radius: 14px;
        display: flex; flex-direction: column; align-items: center; gap: 4px;
    }
    #mobile-data-container #pdi-ui .pdi-vacio > .material-symbols-outlined { font-size: 30px; color: var(--faint); }
    #mobile-data-container #pdi-ui .pdi-vacio b { color: var(--ink); font-size: 14.5px; }
    #mobile-data-container #pdi-ui .pdi-vacio.mal { color: var(--crit); }
    #mobile-data-container #pdi-ui .pdi-vacio.chico { margin: 10px 0; border: 0; }
    #mobile-data-container #pdi-ui .pdi-nota { margin: 10px 16px 0; font-size: 12px; color: var(--muted); line-height: 1.45; }

    /* ── Los renglones ─────────────────────────────────────────────────── */
    #mobile-data-container #pdi-ui .pdi-r {
        display: grid; gap: 2px 10px; padding: 10px 12px; border-bottom: 1px solid var(--hair); cursor: pointer;
        transition: background .12s ease, transform .12s ease;
        animation: pdiEntra .3s cubic-bezier(.2, .8, .2, 1) both;
    }
    #mobile-data-container #pdi-ui .pdi-r:last-child { border-bottom: 0; }
    #mobile-data-container #pdi-ui .pdi-r:active, #mobile-data-container #pdi-ui .pdi-r.pdi-toc { background: var(--navy-050); transform: scale(.985); }

    /* ── El pie: pegado abajo ──────────────────────────────────────────── */
    #mobile-data-container #pdi-ui .pdi-pie {
        position: sticky; bottom: 0; z-index: 5; display: flex; gap: 10px; align-items: center;
        padding: 10px 12px 14px; background: var(--surface); border-top: 1px solid var(--hair);
        box-shadow: 0 -4px 14px rgba(16, 32, 64, .05);
    }
    #mobile-data-container #pdi-ui .pdi-pie[hidden] { display: none; }
    #mobile-data-container #pdi-ui .pdi-pie .cuenta { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.2; }
    #mobile-data-container #pdi-ui .pdi-pie .cuenta b { font-size: 17px; color: var(--navy); font-variant-numeric: tabular-nums; }
    #mobile-data-container #pdi-ui .pdi-pie .cuenta small { font-size: 12px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    #mobile-data-container #pdi-ui .pdi-pie .cuenta.vac { font-size: 12.5px; color: var(--faint); padding: 10px 0; }

    /* ── Las piezas comunes: las del Pase de Depósito, con otro prefijo ── */
    #mobile-data-container #pdi-ui .pdi-btn {
        min-height: 44px; padding: 0 18px; border-radius: 11px; border: 1px solid var(--navy);
        background: var(--navy); color: #fff; font: inherit; font-weight: 600; font-size: 14px; cursor: pointer;
        display: inline-flex; align-items: center; justify-content: center; gap: 6px;
        transition: transform .12s ease, background .12s ease;
    }
    #mobile-data-container #pdi-ui .pdi-btn:active { transform: scale(.96); background: var(--navy-700); }
    #mobile-data-container #pdi-ui .pdi-btn[disabled] { opacity: .45; pointer-events: none; }
    #mobile-data-container #pdi-ui .pdi-btn.sec { background: #fff; color: var(--ink); border-color: var(--hair-strong); }
    #mobile-data-container #pdi-ui .pdi-btn .material-symbols-outlined { font-size: 18px; }
    #mobile-data-container #pdi-ui .pdi-btn .gs-spin { width: 14px; height: 14px; }

    /* ── Las consecuencias ─────────────────────────────────────────────── */
    #mobile-data-container #pdi-ui .pdi-chip {
        display: inline-flex; align-items: center; gap: 3px; font-size: 11.5px; font-weight: 600; line-height: 1.4;
        padding: 2px 8px; border-radius: 9px; border: 1px solid var(--hair-strong); background: #fff; color: var(--muted);
    }
    #mobile-data-container #pdi-ui .pdi-chip .material-symbols-outlined { font-size: 14px; }
    #mobile-data-container #pdi-ui .pdi-chip.ok { color: var(--ok); background: var(--ok-050); border-color: var(--ok-hair); }
    #mobile-data-container #pdi-ui .pdi-chip.warn { color: var(--warn); background: var(--warn-050); border-color: var(--warn-hair); }
    #mobile-data-container #pdi-ui .pdi-chip.mal { color: var(--crit); background: var(--crit-050); border-color: var(--crit-hair); }


    /* ── El velo y las hojas ───────────────────────────────────────────── */
    #mobile-data-container #pdi-ui .pdi-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 #pdi-ui.pdi-con-hoja .pdi-velo { opacity: 1; pointer-events: auto; }
    #mobile-data-container #pdi-ui .pdi-hoja[hidden] { display: none; }
    #mobile-data-container #pdi-ui .pdi-hoja {
        position: fixed; left: 0; right: 0; bottom: 0; z-index: 185; max-height: 88vh;
        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 #pdi-ui .pdi-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 #pdi-ui .pdi-hoja .h-cab { padding: 4px 18px 10px; border-bottom: 1px solid var(--hair); flex: none; }
    #mobile-data-container #pdi-ui .pdi-hoja .h-cab .lb { font-size: 12px; color: var(--muted); }
    #mobile-data-container #pdi-ui .pdi-hoja .h-cab h4 { margin: 2px 0 2px; font-size: 18px; line-height: 1.25; font-variant-numeric: tabular-nums; }
    #mobile-data-container #pdi-ui .pdi-hoja .h-cab .sub { font-size: 12px; color: var(--muted); display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
    #mobile-data-container #pdi-ui .pdi-hoja .h-cab .sub .material-symbols-outlined { font-size: 15px; }
    #mobile-data-container #pdi-ui .pdi-hoja .h-cab .mono { font-family: Consolas, "SF Mono", monospace; color: var(--navy); }
    #mobile-data-container #pdi-ui .pdi-hoja .h-cuerpo { padding: 4px 18px 14px; overflow: auto; overscroll-behavior: contain; flex: 1; font-size: 13.5px; }
    #mobile-data-container #pdi-ui .pdi-hoja .h-pie { flex: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 14px 16px; border-top: 1px solid var(--hair); }
    #mobile-data-container #pdi-ui .pdi-hoja .h-pie .pdi-btn { flex: 1 1 30%; padding: 0 10px; }
    #mobile-data-container #pdi-ui .pdi-hoja .h-pie .pdi-btn.ancho { flex: 1 1 100%; }
    #mobile-data-container #pdi-ui .pdi-hoja.mv-arrastra { animation: none; transition: none; }
    #mobile-data-container #pdi-ui .pdi-hoja.mv-baja { transition: transform .22s ease-in; transform: translateY(105%) !important; }
    #mobile-data-container #pdi-ui .pdi-hoja.mv-vuelve { transition: transform .2s ease; }
    #mobile-data-container #pdi-ui .nota { margin: 10px 0 0; font-size: 12px; color: var(--muted); line-height: 1.45; }

    /* ── Lo propio del Parte Diario ────────────────────────────────────── */
    #mobile-data-container #pdi-ui .pdi-cab:empty { display: none; }
    #mobile-data-container #pdi-ui .pdi-est { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 10px 14px 0; font-size: 12.5px; color: var(--muted); }
    #mobile-data-container #pdi-ui .pdi-est > .material-symbols-outlined { font-size: 18px; color: var(--navy-500); }
    #mobile-data-container #pdi-ui .pdi-chip.nav { color: var(--navy-500); background: var(--navy-050); border-color: #d3dff0; }
    #mobile-data-container #pdi-ui .pdi-chip.mut { color: var(--faint); background: #f4f5f8; }
    #mobile-data-container #pdi-ui .pdi-r .pdi-chip { white-space: nowrap; flex: none; }
    #mobile-data-container #pdi-ui .w { color: var(--warn); }
    #mobile-data-container #pdi-ui .o { color: var(--ok); }
    /* la lista de días */
    #mobile-data-container #pdi-ui .pdi-mes { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 14px 16px 6px; font-size: 13px; color: var(--navy); }
    #mobile-data-container #pdi-ui .pdi-mes small { font-size: 11.5px; color: var(--muted); }
    #mobile-data-container #pdi-ui .pdi-hoy { display: flex; gap: 9px; margin: 12px 12px 0; padding: 10px 12px; border: 1px dashed var(--hair-strong); border-radius: 12px; font-size: 12.5px; color: var(--muted); line-height: 1.4; }
    #mobile-data-container #pdi-ui .pdi-hoy .material-symbols-outlined { font-size: 20px; color: var(--navy-500); flex: none; }
    #mobile-data-container #pdi-ui .pdi-hoy b { color: var(--ink); }
    #mobile-data-container #pdi-ui .pdi-r.dd { grid-template-columns: 44px minmax(0, 1fr) auto; }
    #mobile-data-container #pdi-ui .pdi-r.dd .fe { grid-row: 1 / 3; align-self: center; display: flex; flex-direction: column; align-items: center; line-height: 1.05; padding: 5px 0; border-radius: 10px; background: var(--navy-050); color: var(--navy); }
    #mobile-data-container #pdi-ui .pdi-r.dd .fe small { font-size: 9.5px; letter-spacing: .06em; text-transform: uppercase; font-weight: 700; color: var(--navy-500); }
    #mobile-data-container #pdi-ui .pdi-r.dd .fe b { font-size: 18px; font-weight: 800; }
    #mobile-data-container #pdi-ui .pdi-r.dd .st { min-width: 0; display: flex; align-items: center; overflow: hidden; }
    #mobile-data-container #pdi-ui .pdi-r.dd .val { font-size: 15px; font-weight: 800; }
    #mobile-data-container #pdi-ui .pdi-r.dd .l2 { grid-column: 2 / -1; display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--muted); white-space: nowrap; min-width: 0; }
    #mobile-data-container #pdi-ui .pdi-r.dd .l2 > span:first-child { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
    #mobile-data-container #pdi-ui .pdi-r.dd .dv { font-variant-numeric: tabular-nums; flex: none; }
    #mobile-data-container #pdi-ui .pdi-r.dd .dv.warn { color: var(--warn); font-weight: 600; }
    #mobile-data-container #pdi-ui .pdi-r.dd .dv.mal { color: var(--crit); font-weight: 600; }
    #mobile-data-container #pdi-ui .pdi-r.dd .l3 { grid-column: 2 / -1; margin-top: 3px; }
    #mobile-data-container #pdi-ui .pdi-r.dd.sin .fe { background: var(--warn-050); color: var(--warn); }
    #mobile-data-container #pdi-ui .pdi-r.dd.sin .fe small { color: var(--warn); }
    #mobile-data-container #pdi-ui .pdi-r.dd.hoy .fe { background: var(--navy); color: #fff; }
    #mobile-data-container #pdi-ui .pdi-r.dd.hoy .fe small { color: #c4d3ec; }
    #mobile-data-container #pdi-ui .pdi-r.dd.viejo { opacity: .72; }
    #mobile-data-container #pdi-ui .pdi-r.dd.viejo .fe { background: #eef0f4; color: var(--muted); }
    #mobile-data-container #pdi-ui .pdi-r.dd.viejo .fe small { color: var(--faint); }
    #mobile-data-container #pdi-ui .pdi-r.dd.aj { box-shadow: inset 3px 0 0 var(--crit); }
    #mobile-data-container #pdi-ui .pdi-mas { display: flex; align-items: center; justify-content: center; gap: 6px; width: calc(100% - 24px); margin: 10px 12px 20px; padding: 11px; border: 1px dashed var(--hair-strong); border-radius: 12px; background: none; font: inherit; font-size: 13px; font-weight: 600; color: var(--navy-500); cursor: pointer; }
    #mobile-data-container #pdi-ui .pdi-mas[disabled] { opacity: .6; }
    #mobile-data-container #pdi-ui .pdi-mas .gs-spin { width: 14px; height: 14px; }
    #mobile-data-container #pdi-ui .pdi-fin { margin: 12px 16px 20px; text-align: center; font-size: 11.5px; color: var(--faint); }
    /* las cuatro cifras */
    #mobile-data-container #pdi-ui .pdi-cifras { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 8px 12px 0; background: var(--hair); border: 1px solid var(--hair); border-radius: 14px; overflow: hidden; box-shadow: var(--e1); }
    #mobile-data-container #pdi-ui .pdi-cifras > button { display: block; min-width: 0; padding: 8px 11px; border: 0; background: #fff; font: inherit; color: inherit; text-align: left; cursor: pointer; transition: background .12s ease; }
    #mobile-data-container #pdi-ui .pdi-cifras > button:active { background: var(--navy-050); }
    #mobile-data-container #pdi-ui .pdi-cifras > button[disabled] { cursor: default; }
    #mobile-data-container #pdi-ui .pdi-cifras .k { display: block; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--faint); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    #mobile-data-container #pdi-ui .pdi-cifras .v { display: block; font-size: 19px; font-weight: 800; color: var(--navy); font-variant-numeric: tabular-nums; line-height: 1.2; white-space: nowrap; }
    #mobile-data-container #pdi-ui .pdi-cifras .v small { font-size: 11.5px; color: var(--muted); font-weight: 500; }
    #mobile-data-container #pdi-ui .pdi-cifras .v.ok { color: var(--ok); }
    #mobile-data-container #pdi-ui .pdi-cifras .v.warn { color: var(--warn); }
    #mobile-data-container #pdi-ui .pdi-cifras .v.mal { color: var(--crit); }
    #mobile-data-container #pdi-ui .pdi-cifras .s { display: block; font-size: 11px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    #mobile-data-container #pdi-ui .pdi-gau { position: relative; display: flex; height: 5px; margin: 4px 0 2px; }
    #mobile-data-container #pdi-ui .pdi-gau i { flex: 6; background: #cfe7dc; }
    #mobile-data-container #pdi-ui .pdi-gau i:first-child { border-radius: 9px 0 0 9px; }
    #mobile-data-container #pdi-ui .pdi-gau i + i { flex: 4; background: #f3e2c2; border-radius: 0; }
    #mobile-data-container #pdi-ui .pdi-gau i + i + i { flex: 5; background: #f3d0d0; border-radius: 0 9px 9px 0; }
    #mobile-data-container #pdi-ui .pdi-gau b { position: absolute; top: -2px; width: 3px; height: 9px; border-radius: 2px; background: var(--navy); transform: translateX(-1px); }
    /* la franja roja: un ajuste de existencia desmiente al turno (26/09) */
    #mobile-data-container #pdi-ui .pdi-franja { display: flex; gap: 9px; margin: 12px 12px 0; padding: 10px 12px; border: 1px solid var(--crit-hair); border-left: 4px solid var(--crit); border-radius: 12px; background: var(--crit-050); color: #8f1d1d; font-size: 12.5px; line-height: 1.45; }
    #mobile-data-container #pdi-ui .pdi-franja > .material-symbols-outlined { color: var(--crit); font-size: 20px; flex: none; }
    #mobile-data-container #pdi-ui .pdi-franja b { color: var(--crit); }
    #mobile-data-container #pdi-ui .pdi-franja ul { margin: 4px 0; padding-left: 16px; }
    /* los renglones de la ficha */
    #mobile-data-container #pdi-ui .pdi-r.ar { grid-template-columns: minmax(0, 1fr) auto; gap: 1px 8px; cursor: default; }
    #mobile-data-container #pdi-ui .pdi-r.ar:active { background: none; transform: none; }
    #mobile-data-container #pdi-ui .pdi-r.ar .l2 { grid-column: 1 / -1; font-size: 11.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    #mobile-data-container #pdi-ui .pdi-r.ar .l2 b { color: var(--ink); font-weight: 600; }
    #mobile-data-container #pdi-ui .pdi-r .pg { color: var(--warn); font-weight: 600; }
    #mobile-data-container #pdi-ui .pdi-r.mw { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 1px 8px; }
    #mobile-data-container #pdi-ui .pdi-r.mw .ho { grid-row: 1 / 3; align-self: start; padding-top: 1px; font-size: 12px; font-weight: 700; color: var(--navy-500); font-variant-numeric: tabular-nums; }
    #mobile-data-container #pdi-ui .pdi-r.mw .nm { font-size: 13px; }
    #mobile-data-container #pdi-ui .pdi-r.mw .val { font-size: 13.5px; }
    #mobile-data-container #pdi-ui .pdi-r.mw .l2 { grid-column: 2 / -1; font-size: 11.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    #mobile-data-container #pdi-ui .pdi-r.mw .l3 { grid-column: 2 / -1; display: flex; gap: 5px; flex-wrap: wrap; margin-top: 3px; }
    #mobile-data-container #pdi-ui .pdi-dl { padding: 8px 14px; }
    #mobile-data-container #pdi-ui .pdi-dl dl, #mobile-data-container #pdi-ui .pdi-hdl { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; margin: 0; font-size: 13px; }
    #mobile-data-container #pdi-ui .pdi-dl dt, #mobile-data-container #pdi-ui .pdi-hdl dt { color: var(--muted); }
    #mobile-data-container #pdi-ui .pdi-dl dd, #mobile-data-container #pdi-ui .pdi-hdl dd { margin: 0; text-align: right; font-weight: 500; overflow-wrap: anywhere; }
    #mobile-data-container #pdi-ui .pdi-hdl { margin-top: 10px; }
    #mobile-data-container #pdi-ui .pdi-nota-l { margin: 10px 16px 6px; font-size: 12px; color: var(--faint); line-height: 1.45; }
    /* los depósitos, plegados */
    #mobile-data-container #pdi-ui .pdi-dep { margin: 0 12px 8px; background: #fff; border: 1px solid var(--hair); border-radius: 14px; box-shadow: var(--e1); overflow: hidden; }
    #mobile-data-container #pdi-ui .pdi-dep > button { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 1px 8px; align-items: center; width: 100%; padding: 10px 12px; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
    #mobile-data-container #pdi-ui .pdi-dep > button .nm { font-weight: 700; font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    #mobile-data-container #pdi-ui .pdi-dep > button .val { font-weight: 700; font-size: 13.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
    #mobile-data-container #pdi-ui .pdi-dep > button .l2 { grid-column: 1 / -1; font-size: 11.5px; color: var(--muted); }
    #mobile-data-container #pdi-ui .pdi-dep > button > .material-symbols-outlined { grid-row: 1; grid-column: 3; color: var(--faint); transition: transform .24s cubic-bezier(.2, .8, .2, 1); }
    #mobile-data-container #pdi-ui .pdi-dep.ab > button > .material-symbols-outlined { transform: rotate(180deg); }
    #mobile-data-container #pdi-ui .pdi-dep .cue { display: none; border-top: 1px solid var(--hair); }
    #mobile-data-container #pdi-ui .pdi-dep.ab .cue { display: block; }
    #mobile-data-container #pdi-ui .pdi-dep .sub3 { padding: 8px 14px 3px; font-size: 10.5px; letter-spacing: .07em; text-transform: uppercase; color: var(--faint); font-weight: 700; background: #fafbfc; border-bottom: 1px solid var(--hair); }
    #mobile-data-container #pdi-ui .pdi-na { margin: 0 16px; padding-left: 18px; font-size: 12px; color: var(--muted); }
    #mobile-data-container #pdi-ui .pdi-na li { margin: 2px 0; }
    /* la hoja del movimiento */
    #mobile-data-container #pdi-ui .pdi-aviso { display: flex; gap: 9px; margin-top: 12px; padding: 9px 11px; border: 1px solid; border-radius: 10px; font-size: 12.5px; line-height: 1.45; }
    #mobile-data-container #pdi-ui .pdi-aviso .material-symbols-outlined { font-size: 18px; flex: none; }
    #mobile-data-container #pdi-ui .pdi-aviso.nav { background: var(--navy-050); border-color: #cfdcf1; color: var(--navy-500); }
    #mobile-data-container #pdi-ui .pdi-aviso.nav b { color: var(--navy); }
    #mobile-data-container #pdi-ui .pdi-aviso.warn { background: var(--warn-050); border-color: var(--warn-hair); color: #7a4100; }
    #mobile-data-container #pdi-ui .pdi-campo { display: block; margin-top: 12px; font-size: 12px; font-weight: 600; color: var(--muted); }
    #mobile-data-container #pdi-ui .pdi-campo small { font-weight: 400; color: var(--faint); }
    #mobile-data-container #pdi-ui .pdi-obs { display: block; width: 100%; min-height: 56px; margin-top: 4px; padding: 10px 12px; border: 1px solid var(--hair-strong); border-radius: 11px; font: inherit; font-size: 16px; color: var(--ink); background: #fff; resize: vertical; }
    #mobile-data-container #pdi-ui .pdi-obs:focus { outline: 2px solid var(--navy-300); border-color: var(--navy-300); }
    /* el informe del mail, a pantalla completa */
    #mobile-data-container #pdi-ui.pdi-en-inf .pdi-zona { padding-bottom: 0; display: flex; }
    #mobile-data-container #pdi-ui .pdi-inf { display: block; width: 100%; height: calc(100dvh - 190px); min-height: 360px; border: 0; background: #fff; }
    #mobile-data-container #pdi-ui .pdi-pie .pdi-btn { flex: 1; }
    /* el toast, arriba del pie; con la hoja abierta, arriba de todo */
    body:has(#mobile-data-container #pdi-ui) #gs-toasts { left: 12px; right: 12px; bottom: 84px; align-items: center; }
    body:has(#mobile-data-container #pdi-ui.pdi-con-hoja) #gs-toasts { bottom: auto; top: 70px; flex-direction: column; }
}
@keyframes pdiEntra { from { opacity: 0; transform: translateY(10px); } }
@media (prefers-reduced-motion: reduce) {
    #mobile-data-container #pdi-ui .pdi-r, #mobile-data-container #pdi-ui .pdi-hoja { animation: none; }
}