*{box-sizing:border-box;margin:0}:root{--tinta: #212529;--tinta-2: #5f6368;--tinta-3: #9a9ea5;--fondo: #f7f6f3;--tarjeta: #ffffff;--linea: #e9e7e1;--linea-2: #dcd9d1;--oro: #c0a570;--oro-suave: #f5efe3;--oro-tinta: #7d6437;--verde: #2f7a46;--verde-suave: #e9f2ec;--ambar: #92600a;--ambar-suave: #faf1dc;--rojo: #b3372f;--rojo-suave: #faedeb;--radio: 10px;--sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif}body{font-family:var(--sans);background:var(--fondo);color:var(--tinta);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.app,.setup{max-width:860px;margin:0 auto;padding:0 20px 32px}.icono{flex-shrink:0}header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;padding:26px 0 0;margin-bottom:26px;border-bottom:1px solid var(--linea)}.marca{display:flex;align-items:baseline;gap:10px;padding-bottom:14px}h1{font-family:var(--sans);font-size:21px;font-weight:800;letter-spacing:-.01em}.marca-sub{font-size:11px;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.14em}nav{display:flex;gap:2px}.tab{display:flex;align-items:center;gap:7px;background:none;border:none;cursor:pointer;font:inherit;font-size:13.5px;font-weight:500;color:var(--tinta-2);padding:10px 14px 13px;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--tinta)}.tab.activa{color:var(--tinta);border-bottom-color:var(--oro)}.tab-alerta{background:var(--rojo);color:#fff;font-size:10.5px;font-weight:600;border-radius:99px;padding:1px 6px;margin-left:2px;line-height:1.5}.resumen{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px;font-size:13.5px;color:var(--tinta-2)}.resumen strong{color:var(--tinta);font-weight:600}.chk{display:flex;gap:7px;align-items:center;cursor:pointer;font-size:13px}.chk input{accent-color:var(--tinta)}.vacio{text-align:center;color:var(--tinta-3);padding:56px 16px;font-size:13.5px}.alerta{color:var(--ambar);display:inline-flex;align-items:center;gap:6px}.pedido,.producto{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--radio);padding:16px 18px;margin-bottom:10px}.apagado{opacity:.5}.pedido-top,.producto-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.pedido-nombre{font-size:15px;font-weight:600}.tel{color:var(--tinta-3);font-size:12.5px;font-weight:400;margin-left:6px}.entrega{font-size:13px;color:var(--tinta-2);margin-top:5px;display:flex;align-items:center;gap:6px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.verde{background:var(--verde-suave);color:var(--verde)}.badge.amarillo{background:var(--ambar-suave);color:var(--ambar)}.badge.gris{background:var(--fondo);color:var(--tinta-2)}.badge.rojo{background:var(--rojo-suave);color:var(--rojo)}.badge.oro{background:var(--oro-suave);color:var(--oro-tinta)}.items{list-style:none;padding:12px 0 2px;font-size:13.5px;color:var(--tinta-2)}.items li{padding:2px 0;display:flex;justify-content:space-between;gap:12px}.items li .precio-item{color:var(--tinta);font-variant-numeric:tabular-nums}.comprobante{display:flex;align-items:center;gap:12px;text-decoration:none;background:var(--fondo);border:1px dashed var(--linea-2);border-radius:8px;padding:9px 12px;margin:4px 0 10px;color:var(--tinta-2);font-size:12.5px}.comprobante span{display:inline-flex;align-items:center;gap:6px}.comprobante img{width:64px;height:64px;object-fit:cover;border-radius:6px}.comprobante:hover{border-color:var(--oro)}.pedido-pie{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid var(--linea);padding-top:12px;margin-top:10px}.total{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.total small{font-size:11.5px;font-weight:500;color:var(--tinta-3);margin-left:4px}.acciones{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--linea-2);background:var(--tarjeta);color:var(--tinta);padding:7px 13px;border-radius:8px;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s}.btn:hover{background:var(--fondo);border-color:var(--tinta-3)}.btn.primario{background:var(--tinta);color:#fff;border-color:var(--tinta)}.btn.primario:hover{background:#3a3f45}.btn.fantasma{border-color:transparent;color:var(--tinta-2)}.btn.fantasma:hover{color:var(--rojo);background:var(--rojo-suave)}.btn:disabled{opacity:.45;cursor:default}.toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font:inherit;font-size:12.5px;font-weight:500;color:var(--tinta-3);padding:4px 0}.toggle .pista{width:34px;height:20px;border-radius:99px;background:var(--linea-2);position:relative;transition:background .15s}.toggle .pista:after{content:"";position:absolute;top:2.5px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px #0000002e}.toggle.on{color:var(--verde)}.toggle.on .pista{background:var(--verde)}.toggle.on .pista:after{transform:translate(13px)}.categoria{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--tinta-3);margin:26px 0 10px;font-weight:600;display:flex;align-items:center;gap:10px}.categoria:after{content:"";flex:1;height:1px;background:var(--linea)}.pill{margin-left:10px}.precios{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.precio{display:flex;flex-direction:column;font-size:11.5px;color:var(--tinta-3);gap:4px}.precio input{width:82px;padding:7px 9px;border:1px solid var(--linea-2);border-radius:7px;font:inherit;font-size:13.5px;font-variant-numeric:tabular-nums;color:var(--tinta);background:var(--tarjeta)}.precio input:focus{outline:none;border-color:var(--oro);box-shadow:0 0 0 3px var(--oro-suave)}.producto.nuevo{border-style:dashed;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.nombre-nuevo{width:100%;max-width:340px;padding:8px 11px;border:1px solid var(--linea-2);border-radius:7px;font:inherit;font-size:13.5px}.nombre-nuevo:focus{outline:none;border-color:var(--oro);box-shadow:0 0 0 3px var(--oro-suave)}.importar{display:flex;flex-direction:column;gap:10px}.importar .ayuda{font-size:13px;color:var(--tinta-2)}.importar textarea{width:100%;padding:11px 13px;border:1px solid var(--linea-2);border-radius:8px;font:inherit;font-size:13px;resize:vertical;background:var(--tarjeta)}.importar textarea:focus{outline:none;border-color:var(--oro);box-shadow:0 0 0 3px var(--oro-suave)}.envio{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.estado-envio{font-size:12.5px;color:var(--tinta-2)}.chat-marco{display:flex;flex-direction:column;height:calc(100vh - 150px);min-height:420px;background:#efe9e2;border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden}.chat-encabezado{display:flex;align-items:center;gap:11px;background:var(--tinta);color:#fff;padding:11px 16px}.chat-avatar{background:var(--oro);color:var(--tinta);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:800;font-size:15px}.chat-nombre{font-weight:600;font-size:14px}.chat-sub{font-size:11.5px;opacity:.75}.chat-fondo{flex:1;overflow-y:auto;padding:18px 14px;display:flex;flex-direction:column;gap:8px}.burbuja{max-width:78%;padding:8px 12px;border-radius:9px;font-size:13.5px;line-height:1.5;box-shadow:0 1px 1px #21252912}.burbuja.bot{background:#fff;align-self:flex-start;border-top-left-radius:3px}.burbuja.cliente{background:#dcf3d0;align-self:flex-end;border-top-right-radius:3px}.burbuja.escribiendo{color:var(--tinta-3);font-style:italic}.chat-botones{display:flex;flex-direction:column;gap:6px;margin-top:10px}.chat-botones button{background:#fff;border:1px solid var(--linea-2);color:var(--tinta);font-weight:500;padding:8px 10px;border-radius:8px;font:inherit;font-size:13px;cursor:pointer}.chat-botones button:hover{border-color:var(--oro);background:var(--oro-suave)}.chat-entrada{display:flex;gap:8px;padding:10px 12px;background:#f5f1ea;border-top:1px solid var(--linea)}.chat-entrada input{flex:1;padding:10px 15px;border:1px solid var(--linea-2);border-radius:99px;font:inherit;font-size:13.5px;background:#fff}.chat-entrada input:focus{outline:none;border-color:var(--oro)}.chat-entrada button{width:42px;height:42px;border-radius:50%;border:none;background:var(--tinta);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-entrada button:hover{background:#3a3f45}.chat-entrada button:disabled{opacity:.4;cursor:default}.conv-marco{display:flex;gap:12px;height:calc(100vh - 205px);min-height:420px}.conv-lista{width:250px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:7px}.conv-item{text-align:left;background:var(--tarjeta);border:1px solid var(--linea);border-radius:9px;padding:11px 13px;cursor:pointer;font:inherit}.conv-item:hover{border-color:var(--linea-2)}.conv-item.activo{border-color:var(--tinta)}.conv-item.urgente{border-color:#e4b8b3;background:#fffcfb}.conv-item-top{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:13px}.conv-item-top strong{font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conv-alerta{font-size:12px;color:var(--rojo);margin-top:5px;line-height:1.4}.conv-preview{font-size:12px;color:var(--tinta-3);margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conv-hilo{flex:1;display:flex;flex-direction:column;background:#efe9e2;border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden}.conv-encabezado{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--tarjeta);padding:11px 16px;border-bottom:1px solid var(--linea)}.conv-encabezado strong{font-size:14px;font-weight:600}.conv-tel{font-size:12px;color:var(--tinta-3);display:flex;align-items:center;gap:5px;margin-top:2px}.conv-de{font-size:10.5px;color:var(--tinta-3);margin-bottom:3px;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.06em}.conv-hora{font-size:10px;color:var(--tinta-3);text-align:right;margin-top:4px}.aviso-sistema{align-self:center;text-align:center;max-width:88%;background:var(--ambar-suave);color:var(--ambar);border:1px solid #efdfb7;border-radius:9px;padding:9px 15px;font-size:12.5px;line-height:1.5}@media (max-width: 640px){.conv-marco{flex-direction:column}.conv-lista{width:100%;flex-direction:row;overflow-x:auto}.conv-item{min-width:190px}}.tabla-clientes{display:flex;flex-direction:column;gap:7px}.cliente-fila{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:var(--tarjeta);border:1px solid var(--linea);border-radius:9px;padding:11px 15px}.cliente-datos{display:flex;flex-direction:column}.cliente-datos strong{font-size:13.5px;font-weight:600}.cliente-datos .tel{margin-left:0;font-variant-numeric:tabular-nums}.cliente-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cliente-fecha{font-size:11.5px;color:var(--tinta-3)}.campo-mini{padding:7px 11px;border:1px solid var(--linea-2);border-radius:7px;font:inherit;font-size:13px;background:var(--tarjeta)}.campo-mini:focus{outline:none;border-color:var(--oro);box-shadow:0 0 0 3px var(--oro-suave)}.buscador{min-width:230px}.separador-o{font-size:12.5px;color:var(--tinta-3)}.ejemplo{display:inline-block;background:var(--fondo);border:1px solid var(--linea);border-radius:5px;padding:1px 7px;margin-left:8px;font-size:12px;color:var(--tinta-2)}.setup{padding-top:64px;line-height:1.9}.setup h1{margin-bottom:10px}.setup code{background:var(--oro-suave);padding:2px 7px;border-radius:5px;font-size:13px}