:root{color-scheme:light dark;--verde: #1f8b62;--verde-claro: #d7f5e4;--verde-escuro: #145c41;--fundo: #f0f2f5;--superficie: #ffffff;--superficie-2: #f7f9fa;--borda: #e2e6ea;--texto: #111b21;--texto-fraco: #667781;--balao-meu: #d9fdd3;--balao-outro: #ffffff;--painel-conversa: #efeae2;--perigo: #b3261e;--raio: 8px;--raio-balao: 10px;--faixa-contas: 76px;--faixa-lista: 380px;--sombra: 0 1px 2px rgb(11 20 26 / 8%)}@media(prefers-color-scheme:dark){:root{--fundo: #0b141a;--superficie: #111b21;--superficie-2: #1a2329;--borda: #222d34;--texto: #e9edef;--texto-fraco: #8696a0;--balao-meu: #005c4b;--balao-outro: #202c33;--painel-conversa: #0b141a;--verde-claro: #143d2c;--sombra: 0 1px 2px rgb(0 0 0 / 30%)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--fundo);color:var(--texto);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}input,textarea{font:inherit;color:inherit}.entrada{display:grid;place-items:center;height:100%;padding:24px}.entrada-cartao{width:100%;max-width:400px;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:32px;box-shadow:var(--sombra)}.entrada-cartao h1{margin:0 0 4px;font-size:24px;letter-spacing:-.02em}.entrada-cartao p.sub{margin:0 0 24px;color:var(--texto-fraco);font-size:14px}.campo{display:block;margin-bottom:16px}.campo span{display:block;font-size:13px;color:var(--texto-fraco);margin-bottom:6px}.campo input{width:100%;padding:10px 12px;border:1px solid var(--borda);border-radius:var(--raio);background:var(--superficie-2)}.campo input:focus{outline:2px solid var(--verde);outline-offset:-1px}.botao{width:100%;padding:11px;border-radius:var(--raio);background:var(--verde);color:#fff;font-weight:600}.botao:disabled{opacity:.55;cursor:default}.botao.secundario{background:transparent;color:var(--verde);font-weight:500}.erro{background:color-mix(in srgb,var(--perigo) 10%,transparent);color:var(--perigo);border-radius:var(--raio);padding:10px 12px;font-size:14px;margin-bottom:16px}.aviso{background:var(--verde-claro);color:var(--verde-escuro);border-radius:var(--raio);padding:10px 12px;font-size:14px;margin-bottom:16px}.app{display:grid;grid-template-columns:var(--faixa-contas) var(--faixa-lista) 1fr;height:100%;background:var(--superficie)}.faixa-contas{background:var(--superficie-2);border-right:1px solid var(--borda);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:10px;overflow-y:auto}.avatar-conta{width:44px;height:44px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-weight:600;font-size:15px;position:relative;flex:none}.avatar-conta.inativa{background:var(--texto-fraco)}.avatar-conta.selecionada{outline:2px solid var(--verde);outline-offset:2px}.ponto{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--superficie-2)}.ponto.aberta{background:#25d366}.ponto.sync{background:#f0a30a}.ponto.qr,.ponto.conectando{background:#4a9eff}.ponto.desconectada{background:var(--texto-fraco)}.ponto.deslogada,.ponto.nova{background:var(--perigo)}.faixa-contas .adicionar{width:44px;height:44px;border-radius:50%;border:1px dashed var(--borda);color:var(--texto-fraco);font-size:22px;display:grid;place-items:center;flex:none}.faixa-lista{border-right:1px solid var(--borda);display:flex;flex-direction:column;min-width:0;background:var(--superficie)}.cabecalho-lista{padding:12px 16px;border-bottom:1px solid var(--borda);display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:60px}.cabecalho-lista .titulo{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cabecalho-lista .maquina{font-size:12px;color:var(--texto-fraco)}.busca{padding:8px 12px;border-bottom:1px solid var(--borda)}.busca input{width:100%;padding:8px 12px;border:0;border-radius:var(--raio);background:var(--superficie-2)}.busca input:focus{outline:1px solid var(--verde)}.lista-conversas{flex:1;overflow-y:auto}.conversa{display:grid;grid-template-columns:44px 1fr auto;gap:12px;padding:10px 14px;align-items:center;width:100%;text-align:left;border-bottom:1px solid var(--borda)}.conversa:hover{background:var(--superficie-2)}.conversa.ativa{background:var(--verde-claro)}.conversa .avatar{width:44px;height:44px;border-radius:50%;background:var(--superficie-2);border:1px solid var(--borda);display:grid;place-items:center;font-size:16px;color:var(--texto-fraco)}.conversa .meio{min-width:0}.conversa .nome{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversa .previa{font-size:13px;color:var(--texto-fraco);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversa .direita{text-align:right;display:grid;gap:4px;justify-items:end}.conversa .hora{font-size:11px;color:var(--texto-fraco)}.badge{background:var(--verde);color:#fff;border-radius:999px;font-size:11px;font-weight:600;padding:1px 7px;min-width:20px;text-align:center}.painel{display:flex;flex-direction:column;min-width:0;background:var(--painel-conversa)}.cabecalho-painel{padding:12px 20px;background:var(--superficie);border-bottom:1px solid var(--borda);display:flex;align-items:center;gap:12px;min-height:60px}.mensagens{flex:1;overflow-y:auto;padding:20px 8%;display:flex;flex-direction:column;gap:4px}.balao{max-width:min(65%,560px);padding:7px 10px 5px;border-radius:var(--raio-balao);background:var(--balao-outro);box-shadow:var(--sombra);align-self:flex-start;word-wrap:break-word;white-space:pre-wrap}.balao.meu{background:var(--balao-meu);align-self:flex-end}.balao .autor{font-size:12.5px;font-weight:600;color:var(--verde);margin-bottom:2px}.balao .rodape{font-size:11px;color:var(--texto-fraco);text-align:right;margin-top:2px;-webkit-user-select:none;user-select:none}.balao .anexo{display:block;border-radius:6px;margin-bottom:4px;max-width:100%;cursor:pointer}.balao .anexo-arquivo{display:flex;align-items:center;gap:10px;padding:8px 10px;background:color-mix(in srgb,var(--texto) 6%,transparent);border-radius:6px;margin-bottom:4px;font-size:13px}.divisor-dia{align-self:center;background:var(--superficie);color:var(--texto-fraco);font-size:12px;padding:4px 12px;border-radius:999px;margin:12px 0;box-shadow:var(--sombra)}.compositor{display:flex;gap:10px;padding:10px 16px;background:var(--superficie);border-top:1px solid var(--borda);align-items:flex-end}.compositor textarea{flex:1;resize:none;border:0;background:var(--superficie-2);border-radius:20px;padding:10px 16px;max-height:140px;min-height:42px}.compositor textarea:focus{outline:1px solid var(--verde)}.compositor .enviar{width:42px;height:42px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;flex:none}.compositor .enviar:disabled{opacity:.4}.vazio{flex:1;display:grid;place-items:center;text-align:center;color:var(--texto-fraco);padding:40px}.vazio h2{color:var(--texto);font-weight:500;margin:0 0 8px}.faixa-sync{background:var(--verde-claro);color:var(--verde-escuro);font-size:13px;padding:8px 16px;display:flex;align-items:center;gap:10px}.barra{flex:1;height:4px;border-radius:2px;background:color-mix(in srgb,var(--verde) 25%,transparent);overflow:hidden}.barra i{display:block;height:100%;background:var(--verde);transition:width .4s ease}.barra.indeterminada i{width:35%;animation:desliza 1.4s ease-in-out infinite}@keyframes desliza{0%{margin-left:-35%}to{margin-left:100%}}.desconectado{background:color-mix(in srgb,var(--perigo) 12%,transparent);color:var(--perigo);font-size:13px;padding:8px 16px;text-align:center}.modal-fundo{position:fixed;inset:0;background:#0b141a8c;display:grid;place-items:center;padding:24px;z-index:10}.modal{background:var(--superficie);border-radius:12px;padding:28px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto}.modal h2{margin:0 0 6px;font-size:19px}.modal p{color:var(--texto-fraco);font-size:14px;margin:0 0 20px}.qr-caixa{display:grid;place-items:center;padding:20px;background:#fff;border-radius:var(--raio);margin-bottom:20px}.qr-caixa img{width:260px;height:260px;image-rendering:pixelated}.passos{margin:0 0 20px;padding-left:20px;color:var(--texto-fraco);font-size:14px}.passos li{margin-bottom:4px}.codigo{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:var(--superficie-2);border:1px solid var(--borda);border-radius:var(--raio);padding:12px;overflow-x:auto;white-space:pre;margin-bottom:12px}.linha-maquina{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--borda)}.linha-maquina .detalhe{font-size:12.5px;color:var(--texto-fraco)}.linha-maquina .revogar{color:var(--perigo);font-size:13px}.abas{display:flex;gap:6px;margin-bottom:16px}.abas button{padding:6px 12px;border-radius:999px;font-size:13px;background:var(--superficie-2);color:var(--texto-fraco)}.abas button.ativa{background:var(--verde);color:#fff}@media(max-width:900px){.app{grid-template-columns:var(--faixa-contas) 1fr}.app[data-visao=conversa] .faixa-lista,.app[data-visao=lista] .painel{display:none}.mensagens{padding:16px 12px}.balao{max-width:85%}}