/* Agregados del sistema de picking sobre estilo.css (el mismo del sistema de distribución) */
.mono{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:18px}
.barra-avisos{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:-6px 0 14px}
.barra-avisos .estado{font-size:13px;color:var(--suave)}
tr.alerta td{background:#fff6f5}
.atraso{color:var(--err);font-weight:600}
.progreso{height:6px;background:#e7ebf0;border-radius:3px;overflow:hidden;min-width:80px}
.progreso>i{display:block;height:100%;background:var(--acento)}
.dif-cel{background:var(--err-bg)!important}
.ok-cel{background:var(--ok-bg)!important}

/* Pantallas de celular: tarjetas grandes y botones al alcance del pulgar */
main.celular{max-width:640px}
.lista-ped{display:flex;flex-direction:column;gap:10px}
.ped{display:block;background:var(--panel);border:1px solid var(--borde);border-radius:10px;padding:14px 16px;text-decoration:none;color:inherit}
.ped .fila1{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.ped .num{font-weight:700;font-size:18px}
.ped .sub{color:var(--suave);font-size:13px;margin-top:2px}
.linea{background:var(--panel);border:1px solid var(--borde);border-radius:10px;padding:14px 16px;margin-bottom:12px}
.linea.hecha{opacity:.65}
.linea.actual{border:2px solid var(--acento)}
.linea .paso{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--lateral);color:#fff;font-size:13px;font-weight:700;margin-right:8px}
.linea .ubic{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:26px;font-weight:700;letter-spacing:.02em}
.linea .ubic small{display:block;font-family:system-ui,sans-serif;font-size:12px;font-weight:400;color:var(--suave);letter-spacing:0}
.linea .prod{margin:8px 0 2px;font-size:15px}
.linea .datos{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--suave)}
.linea .datos b{color:var(--texto)}
.linea .pedir{font-size:22px;font-weight:700}
.campos{display:grid;grid-template-columns:1fr 110px;gap:10px;margin-top:12px}
.campos input{font-size:18px;padding:10px 12px}
.botones{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.botones .btn{flex:1;padding:13px 16px;font-size:16px;text-align:center}
.btn.grande{width:100%;padding:15px;font-size:17px;text-align:center}
.faltante{margin-top:10px}
.faltante summary{cursor:pointer;color:var(--suave);font-size:14px}
.resumen{position:sticky;top:0;z-index:5;background:var(--fondo);padding:8px 0 10px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.rotulos{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}
.rotulos li{border:2px dashed var(--borde);border-radius:8px;padding:10px 14px;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:17px}
.calc{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:12px 0}
.calc div{background:var(--fondo);border-radius:8px;padding:8px 10px}
.calc b{display:block;font-size:20px}
.calc span{font-size:12px;color:var(--suave)}
@media (max-width:900px){ main.celular{padding-left:12px;padding-right:12px} .campos{grid-template-columns:1fr 1fr} }
[hidden]{display:none!important}

/* separar por código: un renglón por pedido con su check */
.sep-filas{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.sep-fila{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:#f3f6f4}
.sep-fila .sep-ped{flex:1;min-width:0;line-height:1.25}
.sep-cant::before{content:"Poner";display:block;font-size:11px;font-weight:600;color:var(--suave);text-transform:uppercase;letter-spacing:.04em}
.sep-cant{font-size:24px;font-weight:700;text-align:right;line-height:1}
.sep-cant small{display:block;font-size:12px;font-weight:600;color:var(--err)}
.sep-check{width:52px;height:52px;flex:none;border-radius:50%;border:2.5px solid #9aa5a0;background:#fff;color:#fff;font-size:28px;font-weight:700;line-height:1;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;padding:0}
.sep-check:hover{border-color:var(--ok)}
.sep-check.lleno{background:var(--ok);border-color:var(--ok);color:#fff;cursor:default}
.sep-fila.hecha{opacity:.65}
.linea.sep-listo{opacity:.75}

/* código y partida del tamaño de la ubicación */
.linea .grande{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:8px}
.linea .grande small{display:block;font-size:12px;color:var(--suave);font-weight:600}
.linea .grande b{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:26px;font-weight:700;letter-spacing:.02em;word-break:break-all}
.linea .grande b.sin{font-family:inherit;font-size:16px;font-weight:600;color:var(--suave)}