:root{--fundo: #0b141a;--painel: #111b21;--painel-2: #202c33;--linha: rgba(134, 150, 160, .18);--texto: #e9edef;--suave: #9fb0b9;--destaque: #00a884;--destaque-texto: #04221b;--minha: #005c4b;--cliente: #202c33;--erro: #ffb4ab;--foco: #7dd3fc;--lida: #53bdeb;color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fundo);color:var(--texto)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--foco);outline-offset:1px}.gira{animation:gira 1s linear infinite;vertical-align:-3px}@keyframes gira{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.gira{animation-duration:3s}}.marca-site{display:inline-flex;gap:8px;align-items:center;color:var(--destaque);font-size:17px;font-weight:700}.centro{display:grid;place-items:center;min-height:100%;padding:16px}.centro--interno{flex:1;min-height:0;overflow-y:auto}.cartao{display:grid;gap:14px;width:min(420px,100%);padding:26px;border:1px solid var(--linha);border-radius:16px;background:var(--painel)}.cartao--qr{width:min(720px,100%)}.cartao h1{margin:0;font-size:21px;line-height:1.25}.cartao__texto{margin:0;color:var(--suave);line-height:1.45}.campo{display:grid;gap:6px;font-size:14px;color:var(--suave)}.campo input,.lista__topo input{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--linha);border-radius:10px;background:var(--painel-2);color:var(--texto)}.aviso{margin:0;padding:9px 12px;border-radius:10px;background:var(--painel-2);color:var(--suave);font-size:14px}.aviso--erro{color:var(--erro)}.aviso--faixa{margin:8px 12px}.botao{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:42px;padding:8px 16px;border:1px solid var(--linha);border-radius:10px;background:transparent;color:var(--texto);font-weight:600;cursor:pointer}.botao:hover{background:var(--painel-2)}.botao:disabled{opacity:.6;cursor:not-allowed}.botao--principal{border-color:transparent;background:var(--destaque);color:var(--destaque-texto)}.botao--principal:hover{background:#06cf9c}.botao--leve{min-height:36px;padding:6px 10px;font-size:14px;font-weight:500}.botao-link{justify-self:center;padding:4px;border:0;background:none;color:var(--suave);text-decoration:underline;cursor:pointer}.qr{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}.qr img{display:block;max-width:100%;height:auto;border-radius:10px;background:#fff}.qr ol{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--suave);line-height:1.45}.qr strong{color:var(--texto)}.app{display:flex;flex-direction:column;height:100%}.topo{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--linha);background:var(--painel)}.topo__nome,.topo__numero{color:var(--suave);font-size:14px}.topo__loja{min-height:36px;max-width:220px;padding:4px 8px;border:1px solid var(--linha);border-radius:8px;background:var(--painel-2)}.topo__espaco{flex:1}.faixa{display:flex;gap:8px;align-items:center;margin:0;padding:7px 14px;background:#3b2f0b;color:#fde68a;font-size:14px}.painel{display:grid;flex:1;grid-template-columns:minmax(280px,380px) 1fr;min-height:0}.lista{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--linha);background:var(--painel)}.lista__topo{display:flex;gap:6px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--linha)}.lista__vazia{margin:0;padding:18px 14px;color:var(--suave);font-size:14px;line-height:1.45}.lista__itens{flex:1;margin:0;padding:0;overflow-y:auto;list-style:none}.nova{display:grid;gap:10px;padding:12px;border-bottom:1px solid var(--linha)}.nova__topo{display:flex;align-items:center;justify-content:space-between}.item{display:flex;width:100%;gap:12px;align-items:center;padding:10px 14px;border:0;border-bottom:1px solid var(--linha);background:transparent;text-align:left;cursor:pointer}.item:hover,.item--ativo{background:var(--painel-2)}.avatar{display:grid;flex:none;place-items:center;width:46px;height:46px;border-radius:50%;background:#1f6f5c;color:#e9fff8;font-weight:700}.item__corpo{display:grid;flex:1;gap:3px;min-width:0}.item__linha{display:flex;gap:8px;align-items:center;justify-content:space-between;min-width:0}.item__linha strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.item__linha small{flex:none;color:var(--suave);font-size:12px}.item__hora--nova{color:var(--destaque)!important;font-weight:700}.item__previa{overflow:hidden;color:var(--suave);font-size:14px;white-space:nowrap;text-overflow:ellipsis}.contador{display:grid;flex:none;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--destaque);color:var(--destaque-texto);font-size:12px;font-weight:700}.vazio{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:24px;color:var(--suave);text-align:center}.vazio strong{color:var(--texto);font-size:20px}.vazio p{max-width:400px;margin:0;line-height:1.45}.conversa{display:flex;flex-direction:column;min-width:0;min-height:0}.conversa__topo{display:flex;gap:10px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--linha);background:var(--painel)}.icone.conversa__voltar{display:none}.conversa__quem{display:grid;min-width:0}.conversa__quem strong,.conversa__quem small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversa__quem small{color:var(--suave)}.conversa__mensagens{display:flex;flex:1;flex-direction:column;gap:4px;min-height:0;padding:14px 6%;overflow-y:auto}.conversa .aviso{margin:8px 12px 0}.linha{display:flex;flex-direction:column}.dia{align-self:center;margin:10px 0 8px;padding:4px 10px;border-radius:8px;background:#182229;color:#aebac1;font-size:12px}.bolha{display:flex;flex-direction:column;gap:4px;max-width:min(76%,560px);padding:7px 10px;border-radius:10px;font-size:15px;line-height:1.4}.bolha--cliente{align-self:flex-start;border-top-left-radius:2px;background:var(--cliente)}.bolha--eu{align-self:flex-end;border-top-right-radius:2px;background:var(--minha)}.bolha--falhou{outline:1px solid var(--erro)}.bolha__texto{white-space:pre-wrap;overflow-wrap:anywhere}.bolha__meta{display:inline-flex;gap:3px;align-items:center;align-self:flex-end;color:#aebac1;font-size:11px}.marca--lida{color:var(--lida)}.bolha__erro{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--erro);font-size:13px}.bolha__erro button{padding:0;border:0;background:none;color:#fff;font-weight:700;text-decoration:underline;cursor:pointer}.midia-img{display:block;max-width:100%;max-height:340px;border-radius:8px}.midia-figurinha{display:block;width:150px;height:150px;object-fit:contain}.midia-audio{width:min(280px,68vw);height:42px}.midia-carregando{display:grid;place-items:center;width:200px;height:110px;border-radius:8px;background:#0003}.midia-falha{display:inline-flex;gap:6px;align-items:center;color:var(--erro);font-size:13px}.midia-doc{display:flex;gap:10px;align-items:center;width:100%;min-width:220px;padding:9px;border:0;border-radius:8px;background:#0003;text-align:left;cursor:pointer}.midia-doc--enviando{cursor:default;font-size:14px}.midia-doc span{display:grid;flex:1;min-width:0}.midia-doc strong{overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.midia-doc small{color:#aebac1}.caixa{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;background:var(--painel)}.caixa__campo{flex:1;min-width:0;min-height:42px;max-height:130px;padding:10px 14px;border:1px solid var(--linha);border-radius:20px;background:#2a3942;resize:vertical}.icone{display:grid;flex:none;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--suave);cursor:pointer}.icone:hover:not(:disabled){background:var(--painel-2);color:var(--texto)}.icone:disabled{opacity:.45;cursor:not-allowed}.enviar{display:grid;flex:none;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--destaque);color:var(--destaque-texto);cursor:pointer}.enviar:disabled{background:var(--painel-2);color:var(--suave);cursor:not-allowed}@media(max-width:760px){.painel{grid-template-columns:1fr}.lista{border-right:0}.painel--aberta .lista,.painel:not(.painel--aberta) .vazio{display:none}.icone.conversa__voltar{display:grid}.conversa__mensagens{padding:12px}.bolha{max-width:88%}.topo{flex-wrap:nowrap}.topo .marca-site{gap:0;font-size:0}.topo__loja,.topo__nome{flex:1;min-width:0}.topo__nome{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topo__numero,.topo__espaco,.botao--leve span{display:none}.qr{grid-template-columns:1fr;justify-items:center}}