:root{--primario: #0f4c5c;--primario-claro: #e3eff1;--acento: #e36414;--fondo: #f4f6f7;--tarjeta: #ffffff;--texto: #1d2b30;--tenue: #66787e;--borde: #dbe3e5;--verde: #1f8a4c;--verde-claro: #e2f4e9;--rojo: #c0392b;--rojo-claro: #fbe9e7;--amarillo-claro: #fff4d6;--amarillo: #8a6100;--whatsapp: #1fa855;--radio: 14px;--sombra: 0 1px 2px rgba(15, 76, 92, .06), 0 2px 8px rgba(15, 76, 92, .05)}*{box-sizing:border-box}html,body{margin:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0}h2{font-size:1.25rem}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit}.app{min-height:100vh;padding-bottom:76px}.barra{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--primario);color:#fff}.barra-titulo{display:flex;align-items:center;gap:10px}.logo,.login-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;color:var(--primario);font-weight:800;font-size:1.2rem}.negocio{font-weight:700;line-height:1.2}.usuario{font-size:.8rem;opacity:.85}.barra .enlace{color:#fff}.contenido{max-width:640px;margin:0 auto;padding:16px}.contenido:has(.panel){max-width:1100px}.pestanas{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;background:var(--tarjeta);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom)}.pestanas button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;border:0;background:none;color:var(--tenue);font-size:.8rem}.pestanas .icono{font-size:1.3rem;line-height:1}.pestanas .activa{color:var(--primario);font-weight:700}.centrado{min-height:100vh;display:grid;place-items:center;padding:16px}.centrado .tarjeta{max-width:420px;display:grid;gap:12px}.cargando,.tenue{color:var(--tenue)}.login{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(160deg,var(--primario) 0%,#1a6b7f 100%)}.login-caja{width:100%;max-width:380px;display:grid;gap:14px;padding:28px 22px}.login-caja h1{font-size:1.5rem}.login-caja .tenue{margin:-8px 0 4px}.login-logo{width:52px;height:52px;font-size:1.6rem;background:var(--primario);color:#fff}.tarjeta{background:var(--tarjeta);border-radius:var(--radio);box-shadow:var(--sombra);padding:16px}.encabezado{display:flex;align-items:center;gap:10px;margin-bottom:14px}.encabezado h2{flex:1}.crece{flex:1;min-width:0}.crece h2{overflow:hidden;text-overflow:ellipsis}.encabezado-lista{display:flex;align-items:baseline;justify-content:space-between}.atras{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--borde);background:var(--tarjeta);font-size:1.5rem;line-height:1;padding-bottom:3px}.boton{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 18px;border:0;border-radius:12px;background:var(--primario);color:#fff;font-weight:600}.boton:disabled{opacity:.5;cursor:default}.boton.secundario{background:var(--primario-claro);color:var(--primario)}.boton.peligro{background:var(--rojo-claro);color:var(--rojo)}.boton.pequeno{min-height:36px;padding:0 12px;font-size:.9rem;border-radius:10px}.boton.grande{width:100%;min-height:54px;font-size:1.05rem}.boton.whatsapp{background:var(--whatsapp)}.enlace{border:0;background:none;color:var(--primario);font-weight:600;padding:6px}.enlace.centro{display:block;margin:0 auto}.formulario{display:grid;gap:12px;margin-bottom:14px}label{display:grid;gap:5px;font-size:.85rem;font-weight:600;color:var(--tenue)}input,select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--borde);border-radius:10px;background:#fff;color:var(--texto);font-size:1rem;font-weight:400}input:focus,select:focus{outline:2px solid var(--primario);outline-offset:-1px;border-color:transparent}.dos-columnas{display:grid;grid-template-columns:1fr 1fr;gap:10px}small{font-weight:400}.buscador{margin-bottom:10px}.chips,.atajos{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px;scrollbar-width:none}.atajos{flex-wrap:wrap;overflow:visible;margin-bottom:0}.chip{flex:none;padding:7px 13px;border-radius:999px;border:1px solid var(--borde);background:var(--tarjeta);font-size:.88rem}.chip.activo{background:var(--primario);border-color:var(--primario);color:#fff}.lista{display:grid;gap:8px;margin-bottom:14px}.item{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:0;border-radius:var(--radio);background:var(--tarjeta);box-shadow:var(--sombra);text-align:left}.item.estatico{cursor:default}.item-principal{flex:1;min-width:0}.item-titulo{font-weight:600}.item-sub{font-size:.85rem;color:var(--tenue);margin-top:2px}.item-lado{display:grid;justify-items:end;gap:4px}.item-monto,.monto{font-weight:700;white-space:nowrap}.flecha{color:var(--tenue);font-size:1.4rem}.numero{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--primario-claro);color:var(--primario);font-size:.8rem;font-weight:700}.quitar{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:var(--rojo-claro);color:var(--rojo);font-size:1.2rem;line-height:1}.item.marcable{cursor:pointer}.item.marcable input{width:22px;min-height:22px;height:22px;flex:none;accent-color:var(--primario)}.item.marcado{outline:2px solid var(--primario)}.insignia{padding:3px 9px;border-radius:999px;background:var(--primario-claro);color:var(--primario);font-size:.78rem;font-weight:700;white-space:nowrap}.insignia.verde{background:var(--verde-claro);color:var(--verde)}.insignia.rojo{background:var(--rojo-claro);color:var(--rojo)}.estado{padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.estado-recogida{background:var(--amarillo-claro);color:var(--amarillo)}.estado-planta{background:var(--primario-claro);color:var(--primario)}.estado-lista{background:var(--verde-claro);color:var(--verde)}.estado-entregada{background:#eceff0;color:var(--tenue)}.remision{display:grid;gap:10px}.remision-fila{display:flex;align-items:center;justify-content:space-between;gap:10px}.sin-estilo{border:0;background:none;padding:0;text-align:left;width:100%}.acciones{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.seccion{font-size:1rem;margin:18px 0 10px}.vacio{padding:18px;border:1px dashed var(--borde);border-radius:var(--radio);color:var(--tenue);text-align:center;margin-bottom:14px}.error{margin:0;padding:10px 12px;border-radius:10px;background:var(--rojo-claro);color:var(--rojo);font-size:.9rem}.aviso-exito{padding:12px 14px;border-radius:12px;background:var(--verde-claro);color:var(--verde);font-weight:600;margin-bottom:14px}.contacto{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;margin-bottom:12px;border-radius:12px;background:var(--primario-claro)}.pie-fijo{position:sticky;bottom:0;display:grid;gap:8px;margin:0 -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--fondo) 80%,transparent)}.app:has(.pestanas) .pie-fijo{bottom:64px}.pie-total{display:flex;justify-content:space-between;align-items:baseline;font-size:1.05rem}.pie-total strong{font-size:1.35rem}.resumen-cobro{display:grid;gap:4px}.resumen-cobro div{display:flex;justify-content:space-between}.resumen-cobro .fuerte{font-weight:700;font-size:1.1rem;padding-top:4px;border-top:1px solid var(--borde)}.fecha{width:auto;min-height:40px}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:6px}.kpi{display:grid;gap:2px;padding:14px;border-radius:var(--radio);background:var(--tarjeta);box-shadow:var(--sombra)}.kpi-etiqueta{font-size:.8rem;color:var(--tenue);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.kpi-valor{font-size:1.4rem;font-weight:800;color:var(--primario)}.kpi-sub{font-size:.8rem;color:var(--tenue)}.fila-caja{display:flex;align-items:center;gap:10px}.pequeno-texto{font-size:.9rem}@media(min-width:860px){.kpis{grid-template-columns:repeat(4,1fr)}.panel-columnas{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;align-items:start}}.ticket{max-width:340px;margin:0 auto 16px;padding:18px 16px;background:#fff;border-radius:6px;box-shadow:var(--sombra);font-family:ui-monospace,Courier New,monospace;font-size:.85rem;line-height:1.45}.ticket-centro{text-align:center}.ticket-negocio{font-weight:800;font-size:1.05rem}.ticket-tipo{font-weight:700;margin-bottom:4px}.ticket-linea{border-top:1px dashed #999;margin:8px 0}.ticket-fila{display:flex;justify-content:space-between;gap:8px}.ticket-fila span:last-child{white-space:nowrap}.ticket-total{font-weight:800;font-size:.95rem}.ticket-obs{font-size:.78rem;color:#555;padding-left:12px}.ticket-firma{margin:18px 0 8px}.acciones-recibo{display:grid;gap:10px;max-width:340px;margin:0 auto}@media print{@page{size:58mm auto;margin:0}body{background:#fff}.barra,.pestanas,.no-imprimir{display:none!important}.app{padding:0}.contenido{padding:0;max-width:none}.ticket{width:58mm;max-width:none;margin:0;padding:2mm 3mm;box-shadow:none;border-radius:0;font-size:9pt;color:#000}.ticket-obs{color:#000}}