:root{--color-fondo:#eef2f7;--color-superficie:#fff;--color-texto:#0f172a;--color-texto-suave:#475569;--color-borde:#cbd5e1;--color-primario:#1d4ed8;--color-primario-fondo:#dbeafe;--color-exito:#15803d;--color-exito-fondo:#dcfce7;--color-ambar:#b45309;--color-ambar-fondo:#fef3c7;--color-peligro:#b91c1c;--color-peligro-fondo:#fee2e2;--color-preparacion:#6d28d9;--color-preparacion-fondo:#ede9fe;--color-gris:#64748b;--color-gris-fondo:#e2e8f0;--alto-objetivo:56px;--alto-objetivo-grande:72px;--alto-objetivo-enorme:104px;--radio:14px;--sombra:0 2px 6px #0f172a1f;font-size:20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#raiz{height:100%;margin:0}body{background:var(--color-fondo);color:var(--color-texto);overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.3}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}input{font:inherit}.pantalla{flex-direction:column;height:100%;display:flex}.pantalla__contenido{flex:1;padding:16px 24px 32px;overflow-y:auto}.pagina{flex-direction:column;gap:16px;display:flex}.pagina--centrada{max-width:1100px;margin:0 auto}.pagina__titulo{margin:8px 0 0;font-size:1.6rem}.pagina__detalle{color:var(--color-texto-suave);margin:0}.pagina__pie{justify-content:center;padding-top:8px;display:flex}.barra{background:var(--color-texto);color:#fff;align-items:center;gap:16px;min-height:80px;padding:8px 24px;display:flex}.barra .boton--atencion{background:var(--color-superficie);color:var(--color-peligro);border-color:var(--color-peligro)}.boton--neutra{color:#fff;background:#334155;border-color:#334155}.barra__identidad{flex-direction:column;flex:auto;justify-content:center;min-width:180px;max-width:340px;line-height:1.2;display:flex}.barra__terminal,.barra__sector{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.barra__terminal{font-size:1.25rem;font-weight:700}.barra__sector{color:#cbd5e1;font-size:.95rem;font-weight:600}.barra__sector--desarrollo{color:#fcd34d;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.barra__operario{border-left:2px solid #334155;align-items:center;gap:10px;padding-left:12px;display:inline-flex}.barra__operario-nombre{text-overflow:ellipsis;white-space:nowrap;color:#86efac;max-width:160px;font-weight:700;overflow:hidden}.barra__estado{flex:none;align-items:center;gap:16px;display:flex}.barra .barra__volver{min-width:64px;min-height:64px;padding:0;font-size:2.2rem;line-height:1}.barra__sin-sincronizar{background:var(--color-ambar-fondo);color:var(--color-ambar);white-space:nowrap;border-radius:22px;align-items:center;gap:8px;padding:6px 6px 6px 14px;font-weight:700;display:inline-flex}.barra__sin-sincronizar .insignia{background:#fff}.barra__sincronizado{color:#94a3b8;white-space:nowrap;font-weight:600}.barra__derecha{align-items:center;gap:12px;display:flex}.barra__hora{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600}.conexion{white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:inline-flex}.conexion__punto{background:currentColor;border-radius:50%;width:16px;height:16px}.conexion--en-linea{color:#4ade80}.conexion--sin-conexion{color:#fb923c}.insignia{font-variant-numeric:tabular-nums;background:var(--color-gris-fondo);min-width:36px;height:36px;color:var(--color-texto);border-radius:18px;justify-content:center;align-items:center;padding:0 10px;font-weight:700;display:inline-flex}.insignia--atencion{background:var(--color-ambar-fondo);color:var(--color-ambar)}.insignia--peligro{color:var(--color-peligro);background:#fff}.boton{min-height:var(--alto-objetivo);border-radius:var(--radio);white-space:nowrap;border:3px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:1.1rem;font-weight:700;display:inline-flex}.boton--grande{min-height:var(--alto-objetivo-grande);font-size:1.3rem}.boton--enorme{min-height:var(--alto-objetivo-enorme);width:100%;font-size:1.8rem}.boton--primaria{background:var(--color-primario);color:#fff}.boton--secundaria{background:var(--color-superficie);color:var(--color-primario);border-color:var(--color-primario)}.boton--exito{background:var(--color-exito);color:#fff}.boton--ambar{background:var(--color-ambar);color:#fff}.boton--peligro{background:var(--color-peligro);color:#fff}.boton--neutra{background:var(--color-gris-fondo);color:var(--color-texto)}.boton:disabled{opacity:.45}.boton:active:not(:disabled){transform:scale(.97)}.chip{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 14px;font-size:.95rem;font-weight:700;display:inline-flex}.chip--grande{padding:10px 20px;font-size:1.2rem}.chip--pendiente{background:var(--color-gris-fondo);color:#334155}.chip--enProceso{background:var(--color-primario);color:#fff}.chip--enPausa{background:var(--color-ambar);color:#fff}.chip--bloqueado{background:var(--color-peligro);color:#fff}.chip--finalizado{background:var(--color-exito);color:#fff}.aviso{border-left:8px solid;align-items:center;gap:16px;padding:12px 24px;font-weight:600;display:flex}.aviso__texto{flex:1}.aviso--informacion{background:var(--color-primario-fondo);border-color:var(--color-primario)}.aviso--atencion{background:var(--color-ambar-fondo);border-color:var(--color-ambar)}.aviso--peligro{background:var(--color-peligro-fondo);border-color:var(--color-peligro)}.herramientas{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.buscador{flex:1;align-items:center;gap:8px;min-width:360px;display:flex}.buscador__entrada{min-height:var(--alto-objetivo);border:3px solid var(--color-borde);border-radius:var(--radio);background:var(--color-superficie);-webkit-user-select:text;user-select:text;flex:1;padding:0 20px;font-size:1.1rem}.buscador__entrada:focus{border-color:var(--color-primario);outline:none}.filtro{border-radius:var(--radio);background:var(--color-gris-fondo);gap:4px;padding:4px;display:flex}.filtro__opcion{min-height:calc(var(--alto-objetivo) - 8px);background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:0 18px;font-size:1rem;font-weight:700;display:inline-flex}.filtro__opcion--activa{background:var(--color-superficie);color:var(--color-primario);box-shadow:var(--sombra)}.filtro__conteo{font-variant-numeric:tabular-nums;color:var(--color-texto-suave)}.lista-de-pasos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.lista-vacia{text-align:center;color:var(--color-texto-suave);padding:48px 0;font-size:1.2rem}.tarjeta{border-radius:var(--radio);border:3px solid var(--color-borde);background:var(--color-superficie);text-align:left;min-height:190px;box-shadow:var(--sombra);border-left-width:12px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.tarjeta:active{transform:scale(.985)}.tarjeta--pendiente{border-left-color:var(--color-gris)}.tarjeta--enProceso{border-left-color:var(--color-primario)}.tarjeta--enPausa{border-left-color:var(--color-ambar)}.tarjeta--bloqueado{border-left-color:var(--color-peligro);background:var(--color-peligro-fondo)}.tarjeta--finalizado{border-left-color:var(--color-exito)}.tarjeta__cabecera{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tarjeta__ot{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.6rem;font-weight:800}.tarjeta__articulo{flex-direction:column;flex:1;gap:2px;display:flex}.tarjeta__codigo{color:var(--color-texto-suave);font-weight:700}.tarjeta__nombre{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.1rem;font-weight:600;display:-webkit-box;overflow:hidden}.tarjeta__diferencia{background:var(--color-peligro-fondo);color:var(--color-peligro);border:2px solid var(--color-peligro);font-variant-numeric:tabular-nums;border-radius:8px;align-self:flex-start;padding:4px 12px;font-weight:800}.tarjeta__pie{color:var(--color-texto-suave);flex-wrap:wrap;gap:6px 18px;font-size:.95rem;display:flex}.lista-de-sectores{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.sector{border-radius:var(--radio);border:3px solid var(--color-borde);background:var(--color-superficie);text-align:left;align-items:center;gap:16px;min-height:88px;padding:12px 20px;font-size:1.15rem;font-weight:600;display:flex}.sector--actual{border-color:var(--color-primario);background:var(--color-primario-fondo)}.sector__codigo{min-width:64px;color:var(--color-primario);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}.detalle__columnas{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:24px;display:grid}.detalle__principal{flex-direction:column;gap:20px;display:flex}.detalle__lateral{flex-direction:column;gap:16px;display:flex;position:sticky;top:0}.detalle__subtitulo{margin:0 0 12px;font-size:1.2rem}.datos-del-paso{background:var(--color-superficie);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px 24px}.datos-del-paso__cabecera{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.datos-del-paso__ot{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:2.4rem}.datos-del-paso__articulo{margin:8px 0 16px;font-size:1.3rem;font-weight:600}.datos-del-paso__codigo{color:var(--color-texto-suave);margin-right:8px}.datos-del-paso__grilla{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 24px;display:grid}.datos-del-paso__observacion{color:var(--color-texto-suave);overflow-wrap:anywhere;margin:12px 0 0}.datos-del-paso__anomalias{background:var(--color-ambar-fondo);color:var(--color-ambar);border-radius:10px;margin:16px 0 0;padding:12px 16px 12px 36px;font-size:.9rem}.etiqueta-valor{flex-direction:column;display:flex}.etiqueta-valor__etiqueta{text-transform:uppercase;letter-spacing:.04em;color:var(--color-texto-suave);font-size:.85rem}.etiqueta-valor__valor{font-size:1.15rem;font-weight:600}.etiqueta-valor--destacado .etiqueta-valor__valor{font-size:1.6rem;font-weight:800}.etiqueta-valor--alerta .etiqueta-valor__valor{color:var(--color-peligro)}.detalle__eventos{background:var(--color-superficie);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px 24px}.cronometro{border-radius:var(--radio);background:var(--color-superficie);border:4px solid var(--color-borde);flex-direction:column;align-items:center;padding:16px;display:flex}.cronometro--enProceso{border-color:var(--color-primario)}.cronometro--enPausa{border-color:var(--color-ambar);background:var(--color-ambar-fondo)}.cronometro--bloqueado{border-color:var(--color-peligro)}.cronometro--finalizado{border-color:var(--color-exito)}.cronometro__etiqueta{text-transform:uppercase;letter-spacing:.04em;color:var(--color-texto-suave);font-size:.9rem}.cronometro__valor{font-variant-numeric:tabular-nums;font-size:3.2rem;font-weight:800;line-height:1.1}.cronometro__bruto{color:var(--color-texto-suave);font-variant-numeric:tabular-nums}.acciones{flex-direction:column;gap:14px;display:flex}.acciones__cantidad{min-height:var(--alto-objetivo-grande);border-radius:var(--radio);border:3px solid var(--color-exito);background:var(--color-exito-fondo);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:grid}.acciones__cantidad--diferencia{border-color:var(--color-peligro);background:var(--color-peligro-fondo)}.acciones__cantidad-texto{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.acciones__cantidad--diferencia .acciones__cantidad-texto{color:var(--color-peligro)}.acciones__bloqueado{text-align:center;color:var(--color-peligro);margin:8px 0;font-weight:700}.acciones__sector-inactivo{background:var(--color-peligro-fondo);color:var(--color-peligro)}.acciones__cerrado{text-align:center;color:var(--color-texto-suave);margin:8px 0}.linea-de-tiempo{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.linea-de-tiempo__vacia{color:var(--color-texto-suave);margin:0}.linea-de-tiempo__elemento{border-left:8px solid var(--color-gris);background:var(--color-fondo);border-radius:10px;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 14px;display:grid}.linea-de-tiempo__elemento--pendiente{border-left-color:var(--color-ambar)}.linea-de-tiempo__elemento--confirmado{border-left-color:var(--color-exito)}.linea-de-tiempo__elemento--rechazado{border-left-color:var(--color-peligro);background:var(--color-peligro-fondo)}.linea-de-tiempo__hora{font-variant-numeric:tabular-nums;font-weight:600}.linea-de-tiempo__tipo{font-weight:700}.linea-de-tiempo__cantidades{color:var(--color-texto-suave);font-weight:500}.linea-de-tiempo__sync{color:var(--color-texto-suave);text-align:right;font-size:.9rem}.linea-de-tiempo__elemento--rechazado .linea-de-tiempo__sync{color:var(--color-peligro);font-weight:700}.capa{z-index:10;background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu{background:var(--color-superficie);border-radius:var(--radio);flex-direction:column;gap:8px;min-width:420px;padding:24px 32px;display:flex}.menu__titulo,.menu__detalle{margin:0}.menu__detalle--tecnico{color:var(--color-texto-suave);-webkit-user-select:text;user-select:text;font-size:.8rem}.menu__acciones{flex-direction:column;gap:12px;margin-top:12px;display:flex}.dialogo{background:var(--color-superficie);border-radius:var(--radio);flex-direction:column;gap:16px;width:920px;max-width:calc(100vw - 48px);max-height:calc(100vh - 32px);padding:24px 32px;display:flex;overflow:auto}.dialogo__titulo{margin:0;font-size:1.8rem}.dialogo--compacto{width:680px}.dialogo__pregunta{margin:0;font-size:1.5rem;font-weight:600}.dialogo__detalle{color:var(--color-texto-suave);margin:0}.dialogo__detalle--destacado{color:var(--color-texto);font-weight:700}.dialogo__cuerpo{grid-template-columns:minmax(0,1fr) 320px;gap:24px;display:grid}.dialogo__contadores{flex-direction:column;gap:20px;display:flex}.dialogo__acciones{grid-template-columns:1fr 1fr;gap:16px;display:grid}.acceso{max-width:960px}.acceso__cuerpo{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;padding:8px 0;display:grid}.acceso__cuerpo--bloqueado .teclado{opacity:.4;pointer-events:none}.acceso__entrada{flex-direction:column;gap:20px;display:flex}.acceso__ayuda{color:var(--color-texto-suave);min-height:1.5em;margin:0;font-weight:600}.acceso__bienvenida{border-radius:var(--radio);background:var(--color-exito-fondo);color:var(--color-exito);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.acceso__bienvenida-etiqueta{text-transform:uppercase;letter-spacing:.08em;font-weight:700}.acceso__bienvenida-nombre{color:var(--color-texto);font-size:2.6rem;font-weight:800}.acceso__bienvenida-legajo{font-size:1.2rem;font-weight:600}.cajas{gap:12px;display:flex}.cajas__caja{border-radius:var(--radio);border:4px solid var(--color-borde);background:var(--color-superficie);font-variant-numeric:tabular-nums;flex:1;justify-content:center;align-items:center;min-width:56px;max-width:96px;height:96px;font-size:2.8rem;font-weight:800;display:inline-flex}.cajas__caja--llena{border-color:var(--color-primario);color:var(--color-primario)}.contador{border-radius:var(--radio);border:4px solid var(--color-borde);padding:12px 16px}.contador--activo{border-color:var(--color-primario);background:var(--color-primario-fondo)}.contador__etiqueta{margin-bottom:8px;font-weight:700;display:block}.contador__controles{grid-template-columns:88px minmax(0,1fr) 88px;gap:12px;display:grid}.contador__boton{border-radius:var(--radio);border:3px solid var(--color-primario);background:var(--color-superficie);min-height:80px;color:var(--color-primario);font-size:2.2rem;font-weight:800}.contador__valor{border-radius:var(--radio);border:3px solid var(--color-borde);background:var(--color-superficie);font-variant-numeric:tabular-nums;min-height:80px;font-size:2.6rem;font-weight:800}.contador--activo .contador__valor{border-color:var(--color-primario)}.teclado{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.teclado__tecla{border-radius:var(--radio);border:3px solid var(--color-borde);background:var(--color-superficie);min-height:72px;font-size:1.8rem;font-weight:700}.teclado__tecla--secundaria{background:var(--color-gris-fondo)}.teclado__tecla:active,.contador__boton:active{transform:scale(.96)}.rechazados{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rechazados__elemento{background:var(--color-superficie);border-left:8px solid var(--color-peligro);border-radius:10px;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:16px;padding:12px 16px;display:grid}.rechazados__paso{min-height:var(--alto-objetivo);border:3px solid var(--color-primario);background:var(--color-superficie);color:var(--color-primario);border-radius:10px;padding:0 16px;font-weight:700}.rechazados__tipo{font-weight:700}.rechazados__hora{font-variant-numeric:tabular-nums;color:var(--color-texto-suave)}.rechazados__motivo{color:var(--color-peligro);font-weight:600}.bloqueo{border-radius:var(--radio);border:3px solid var(--color-peligro);background:var(--color-peligro-fondo);flex-direction:column;gap:4px;margin:16px 0 0;padding:14px 18px;display:flex}.bloqueo__motivo{color:var(--color-peligro);font-size:1.4rem;font-weight:800}.bloqueo__detalle{color:var(--color-texto)}.bloqueo__observacion{font-style:italic}.motivos{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.motivos__opcion{min-height:var(--alto-objetivo-grande);border-radius:var(--radio);border:3px solid var(--color-borde);background:var(--color-superficie);color:var(--color-texto);text-align:left;padding:8px 16px;font-size:1.15rem;font-weight:700}.motivos__opcion--elegida{border-color:var(--color-peligro);background:var(--color-peligro-fondo);color:var(--color-peligro)}.observacion{flex-direction:column;gap:6px;display:flex}.observacion__etiqueta{font-weight:700}.observacion__entrada{min-height:var(--alto-objetivo);border:3px solid var(--color-borde);border-radius:var(--radio);background:var(--color-superficie);-webkit-user-select:text;user-select:text;padding:0 20px;font-size:1.1rem}.observacion__entrada:focus{border-color:var(--color-primario);outline:none}.chip--enParada{background:var(--color-ambar);color:#fff}.tarjeta--enParada{border-left-color:var(--color-ambar)}.cronometro--enParada{border-color:var(--color-ambar);background:var(--color-ambar-fondo)}.parada{border-radius:var(--radio);border:3px solid var(--color-ambar);background:var(--color-ambar-fondo);flex-direction:column;gap:4px;margin:16px 0 0;padding:14px 18px;display:flex}.parada__motivo{color:var(--color-ambar);font-size:1.4rem;font-weight:800}.parada__detalle{color:var(--color-texto)}.motivos__opcion--parada.motivos__opcion--elegida{border-color:var(--color-ambar);background:var(--color-ambar-fondo)}.chips{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.chip--preparacion{background:var(--color-preparacion);color:#fff;font-variant-numeric:tabular-nums}.chip--preparacion-excedida{background:var(--color-peligro);color:#fff;box-shadow:0 0 0 3px var(--color-peligro-fondo);white-space:normal;text-align:left}