:root{--w-primaria: #18181b;--w-primaria-escura: #000000;--w-fundo: #ffffff;--w-superficie: #f4f4f5;--w-texto: #18181b;--w-texto-suave: #71717a;--w-borda: #e7e7ea;--w-raio: 8px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--w-texto);background:var(--w-fundo)}.painel{display:flex;flex-direction:column;height:100vh}.centro{align-items:center;justify-content:center;color:var(--w-texto-suave);padding:16px;text-align:center}.cabecalho{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--w-primaria);color:#fff}.cabecalho strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-opcoes{display:flex;flex-direction:column;gap:6px;margin-top:8px}.menu-opcoes .opcao{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;background:#fff;border:1px solid var(--w-borda);color:var(--w-texto);border-radius:var(--w-raio);cursor:pointer;font:inherit;text-align:left;transition:background .12s ease,border-color .12s ease}.menu-opcoes .opcao:hover:not(:disabled){background:var(--w-superficie);border-color:var(--w-primaria)}.menu-opcoes .opcao:disabled{opacity:.5;cursor:default}.menu-opcoes .opcao-rotulo{font-weight:600}.menu-opcoes .opcao-descricao{font-size:.8rem;opacity:.8}.cabecalho .logo{width:28px;height:28px;border-radius:6px;object-fit:cover;background:#fff;flex-shrink:0}.fechar{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;line-height:1;padding:4px 8px}.encerrar{background:none;border:1px solid rgba(255,255,255,.45);color:#fff;font-size:12px;cursor:pointer;padding:4px 10px;border-radius:var(--w-raio);flex-shrink:0}.encerrar:disabled{opacity:.5;cursor:default}.fechar:focus-visible,.entrada button:focus-visible,.entrada input:focus-visible{outline:2px solid var(--w-primaria-escura);outline-offset:2px}.aviso{margin:0;padding:8px 16px;font-size:11px;color:var(--w-texto-suave);background:var(--w-superficie);border-bottom:1px solid var(--w-borda)}.mensagens{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.vazio{color:var(--w-texto-suave);text-align:center;margin-top:24px}.balao{max-width:85%;padding:10px 12px;border-radius:var(--w-raio);font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:break-word}.balao.meu{align-self:flex-end;background:var(--w-primaria);color:#fff;border-bottom-right-radius:2px}.balao.deles{align-self:flex-start;background:#fff;border:1px solid var(--w-borda);border-bottom-left-radius:2px}.entrada{display:flex;gap:8px;padding:12px;border-top:1px solid var(--w-borda)}.entrada input{flex:1;padding:10px 12px;border:1px solid var(--w-borda);border-radius:var(--w-raio);font-size:14px}.entrada button{padding:10px 16px;background:var(--w-primaria);color:#fff;border:none;border-radius:var(--w-raio);font-size:14px;cursor:pointer}.entrada button:disabled{opacity:.5;cursor:not-allowed}.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}