*{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f4ef;color:#2c2c2a}.app,.setup{max-width:760px;margin:0 auto;padding:16px}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:8px 0 16px}h1{font-size:22px}nav{display:flex;gap:8px}.tab{border:1px solid #d9d5cb;background:#fff;padding:8px 16px;border-radius:999px;font-size:14px;cursor:pointer}.tab.activa{background:#2c2c2a;color:#fff;border-color:#2c2c2a}.tab-alerta{background:#e24b4a;color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px;margin-left:6px}.resumen{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:14px;color:#5f5e5a}.chk{display:flex;gap:6px;align-items:center;cursor:pointer}.vacio{text-align:center;color:#888780;padding:48px 16px}.pedido,.producto{background:#fff;border:1px solid #e5e1d8;border-radius:14px;padding:14px 16px;margin-bottom:10px}.apagado{opacity:.55}.pedido-top,.producto-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.tel{color:#5f5e5a;font-size:13px}.entrega{font-size:13px;color:#5f5e5a;margin-top:4px}.badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}.badge.verde{background:#e3f2e3;color:#1e6b2e}.badge.amarillo{background:#fdf0d5;color:#8a5a00}.badge.gris{background:#f0eee8;color:#5f5e5a}.items{list-style:none;padding:10px 0;font-size:14px;color:#444}.items li{padding:2px 0}.pedido-pie{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #f0eee8;padding-top:10px}.total{font-size:18px;font-weight:700}.acciones{display:flex;gap:8px}.btn{border:1px solid #d9d5cb;background:#fff;padding:8px 14px;border-radius:10px;font-size:13px;cursor:pointer}.btn:hover{background:#f6f4ef}.btn.verde{background:#2e7d32;color:#fff;border-color:#2e7d32}.btn.verde:hover{background:#256428}.btn.rojo{color:#a32d2d;border-color:#eacaca}.toggle{border:1px solid #d9d5cb;background:#f0eee8;color:#5f5e5a;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer}.toggle.on{background:#e3f2e3;color:#1e6b2e;border-color:#bfe0bf}.precios{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.precio{display:flex;flex-direction:column;font-size:12px;color:#5f5e5a;gap:4px}.precio input{width:84px;padding:6px 8px;border:1px solid #d9d5cb;border-radius:8px;font-size:14px}.producto.nuevo{border-style:dashed;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.nombre-nuevo{width:100%;max-width:320px;padding:8px 10px;border:1px solid #d9d5cb;border-radius:8px;font-size:14px}.envio{display:flex;align-items:center;gap:10px}.estado-envio{font-size:13px}.categoria{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#888780;margin:20px 0 8px}.alerta{color:#8a5a00}.pill{margin-left:8px}.comprobante{display:flex;align-items:center;gap:12px;text-decoration:none;background:#fbf8f1;border:1px dashed #e0d9c8;border-radius:10px;padding:8px 12px;margin-bottom:10px;color:#5f5e5a;font-size:13px}.comprobante img{width:72px;height:72px;object-fit:cover;border-radius:8px}.importar{display:flex;flex-direction:column;gap:10px}.importar .ayuda{font-size:13px;color:#5f5e5a}.importar textarea{width:100%;padding:10px;border:1px solid #d9d5cb;border-radius:10px;font-size:13px;font-family:inherit;resize:vertical}.chat-marco{display:flex;flex-direction:column;height:calc(100vh - 110px);min-height:420px;background:#efe7dc;border:1px solid #e0d9c8;border-radius:14px;overflow:hidden}.chat-encabezado{display:flex;align-items:center;gap:10px;background:#075e54;color:#fff;padding:10px 14px}.chat-avatar{background:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px}.chat-sub{font-size:12px;opacity:.85}.chat-fondo{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:8px}.burbuja{max-width:78%;padding:8px 12px;border-radius:10px;font-size:14px;line-height:1.45;box-shadow:0 1px 1px #00000014}.burbuja.bot{background:#fff;align-self:flex-start;border-top-left-radius:2px}.burbuja.cliente{background:#dcf8c6;align-self:flex-end;border-top-right-radius:2px}.burbuja.escribiendo{color:#888780;font-style:italic}.chat-botones{display:flex;flex-direction:column;gap:6px;margin-top:10px}.chat-botones button{background:#fff;border:1px solid #cfe3df;color:#075e54;font-weight:600;padding:8px 10px;border-radius:8px;font-size:13px;cursor:pointer}.chat-botones button:hover{background:#f0faf8}.chat-entrada{display:flex;gap:8px;padding:10px;background:#f0ede6}.chat-entrada input{flex:1;padding:10px 14px;border:1px solid #d9d5cb;border-radius:999px;font-size:14px}.chat-entrada button{width:44px;height:44px;border-radius:50%;border:none;background:#075e54;color:#fff;font-size:16px;cursor:pointer}.chat-entrada button:disabled{opacity:.5;cursor:default}.conv-marco{display:flex;gap:12px;height:calc(100vh - 110px);min-height:420px}.conv-lista{width:240px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.conv-item{text-align:left;background:#fff;border:1px solid #e5e1d8;border-radius:10px;padding:10px 12px;cursor:pointer;font:inherit}.conv-item.activo{border-color:#075e54;box-shadow:0 0 0 1px #075e54}.conv-item-top{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:13px}.conv-preview{font-size:12px;color:#888780;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conv-hilo{flex:1;display:flex;flex-direction:column;background:#efe7dc;border:1px solid #e0d9c8;border-radius:14px;overflow:hidden}.conv-encabezado{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;padding:10px 14px;border-bottom:1px solid #e5e1d8}.conv-de{font-size:11px;color:#888780;margin-bottom:2px}.badge.rojo{background:#fdeaea;color:#a32d2d}.conv-item.urgente{border-color:#e6b3b3;background:snow}.conv-alerta{font-size:12px;color:#a32d2d;margin-top:4px}.aviso-sistema{align-self:center;text-align:center;max-width:90%;background:#fdf0d5;color:#8a5a00;border:1px solid #f3dfae;border-radius:10px;padding:8px 14px;font-size:13px}.conv-hora{font-size:10px;color:#aaa;text-align:right;margin-top:4px}@media (max-width: 640px){.conv-marco{flex-direction:column}.conv-lista{width:100%;flex-direction:row;overflow-x:auto}.conv-item{min-width:180px}}.setup{padding-top:60px;line-height:1.8}.setup code{background:#eee9dd;padding:2px 6px;border-radius:4px}