:root{--ink: #1A1530;--muted: #5E5878;--muted-2: #6B6585;--fundo: #F5F4FA;--branco: #FFFFFF;--linha: #E6E3F0;--linha-2: #EEECF5;--borda: #DCD8EA;--noite: #1C1442;--noite-2: #261C55;--noite-ativo: #3A2D7A;--roxo: #6A4CF5;--roxo-escuro: #36239E;--roxo-claro: #F4F1FF;--lilas: #EAE5FF;--azul: #2F6BFF;--nota: #FFF6D6;--nota-borda: #D9B23F;--nota-texto: #5C4300;--ok-fundo: #DCFCE7;--ok-texto: #166534;--aviso-fundo: #FEF3C7;--aviso-texto: #92400E;--erro-fundo: #FEE2E2;--erro-texto: #991B1B}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fundo);color:var(--ink);font-family:Manrope,system-ui,-apple-system,sans-serif;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:2px solid var(--roxo);outline-offset:2px}h1,h2{margin:0}code{background:var(--lilas);padding:1px 6px;border-radius:6px}.grow{flex:1;min-width:0}.linha{display:flex;align-items:center;gap:8px}.corta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.texto-ajuda{color:var(--muted);line-height:1.5;margin:0}.vazio{color:var(--muted);text-align:center;padding:32px 16px;margin:0}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:248px;flex-shrink:0;background:var(--noite);color:#cfc9ec;display:flex;flex-direction:column;gap:24px;padding:24px 14px;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:0 6px}.brand>div{display:flex;flex-direction:column}.brand strong{color:#fff;font-size:18px;font-weight:800}.brand span{color:#a9a1d6;font-size:12px}.brand.claro strong{color:var(--ink)}.brand.claro span{color:var(--muted);font-size:13px}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#cfc9ec;font-weight:600;text-align:left}.nav-item:hover:not(:disabled){background:var(--noite-2)}.nav-item.ativo{background:var(--noite-ativo);color:#fff;font-weight:700}.nav-item:disabled{opacity:1;color:#8f87b8}.nav-badge{background:var(--roxo);color:#fff;font-size:12px;font-weight:800;padding:2px 8px;border-radius:99px}.nav-fase{font-size:10px;font-weight:700;color:#a9a1d6;border:1px solid #4A3F86;padding:1px 6px;border-radius:99px}.eu{margin-top:auto;display:flex;align-items:center;gap:10px;padding:0 4px}.eu>div{display:flex;flex-direction:column}.eu strong{color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eu span{font-size:12px;color:#a9a1d6}.avatar{width:44px;height:44px;border-radius:99px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px}.icon-btn{width:40px;height:40px;border-radius:10px;border:0;background:var(--fundo);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-btn.escuro{background:var(--noite-2);color:#fff}.btn{height:40px;padding:0 14px;border-radius:10px;border:1px solid transparent;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn.primario{background:var(--roxo);color:#fff}.btn.primario:hover:not(:disabled){background:#5a3de0}.btn.secundario{background:var(--branco);border-color:var(--borda);color:var(--ink);font-weight:700}.btn.escuro{background:var(--noite);color:#fff}.btn.nota{background:#f5c842;color:#3d2d00}.btn.grande{height:46px;font-size:15px;width:100%}.link-btn{border:0;background:none;color:var(--roxo-escuro);font-weight:700;padding:4px 0;text-decoration:underline}.campo{display:flex;flex-direction:column;gap:6px;min-width:0}.campo>span{font-size:13px;font-weight:700}.campo input,.campo textarea,select{border:1px solid var(--borda);border-radius:10px;padding:9px 12px;background:var(--branco);min-height:40px;width:100%}.campo input[type=color]{padding:4px;height:40px}.campo textarea{resize:vertical;line-height:1.5}.alerta{margin:0;padding:10px 12px;border-radius:10px;font-weight:600;line-height:1.45}.alerta.erro{background:var(--erro-fundo);color:var(--erro-texto)}.alerta.ok{background:var(--ok-fundo);color:#14532d}.alerta.aviso{background:var(--aviso-fundo);color:#78350f}.tag{font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;white-space:nowrap}.tag.neutra{background:#f1eff8;color:#4a4366}.tag.fila{background:#e0e7ff;color:#3730a3}.tag.ok{background:var(--ok-fundo);color:var(--ok-texto)}.tag.aviso{background:var(--aviso-fundo);color:var(--aviso-texto)}.badge{margin-left:auto;background:var(--azul);color:#fff;font-size:11px;font-weight:800;min-width:20px;height:20px;padding:0 6px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--noite)}.login-card{width:100%;max-width:400px;background:var(--branco);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:16px}.inbox{flex:1;min-width:0;display:flex;height:100vh}.coluna-lista{width:340px;flex-shrink:0;background:var(--branco);border-right:1px solid var(--linha);display:flex;flex-direction:column;min-height:0}.lista-topo{padding:20px 16px 12px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--linha-2)}.lista-topo h1{font-size:22px;font-weight:800}.busca{display:flex;align-items:center;gap:8px;background:var(--fundo);border-radius:10px;padding:0 12px;height:40px;color:var(--muted)}.busca input{flex:1;border:0;background:transparent;min-width:0}.busca input:focus{outline:none}.busca:focus-within{outline:2px solid var(--roxo)}.abas{display:flex;gap:4px;background:var(--fundo);border-radius:10px;padding:4px}.aba{flex:1;height:34px;border:0;border-radius:8px;background:transparent;color:#4a4366;font-weight:700;font-size:13px}.aba span{font-size:12px;opacity:.85}.aba.ativa{background:var(--noite);color:#fff}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{height:30px;padding:0 12px;border-radius:99px;border:1px solid var(--borda);background:var(--branco);color:#4a4366;font-weight:700;font-size:12px}.chip.ativo{border-color:var(--roxo);background:var(--roxo-claro);color:var(--roxo-escuro)}.lista-itens{flex:1;overflow-y:auto}.item-conversa{display:flex;gap:12px;width:100%;text-align:left;padding:14px 16px;border:0;border-bottom:1px solid var(--linha-2);background:var(--branco)}.item-conversa:hover{background:#faf9fd}.item-conversa.ativo{background:#efebff}.item-corpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.item-corpo .linha{justify-content:space-between}.item-corpo .linha.tags{justify-content:flex-start;flex-wrap:wrap;gap:6px}.item-corpo small{color:var(--muted-2);font-size:12px;white-space:nowrap}.previa{color:var(--muted);font-size:13px}.coluna-chat{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--fundo)}.coluna-chat.vazia{align-items:center;justify-content:center}.vazio-grande{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted)}.vazio-grande strong{color:var(--ink);font-size:16px}.chat-topo{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--branco);border-bottom:1px solid var(--linha);flex-wrap:wrap}.chat-titulo{display:flex;flex-direction:column;gap:4px}.chat-titulo strong{font-size:16px;font-weight:800}.chat-titulo .tags{flex-wrap:wrap;gap:6px}.acoes{display:flex;gap:8px;flex-wrap:wrap}.so-celular{display:none}.mensagens{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.dia{align-self:center;background:var(--branco);border:1px solid var(--linha);color:var(--muted);font-size:12px;font-weight:700;padding:4px 12px;border-radius:99px;margin:6px 0}.bolha{max-width:min(72%,560px);padding:10px 14px;display:flex;flex-direction:column;gap:4px;line-height:1.5}.bolha .texto{white-space:pre-wrap;overflow-wrap:anywhere}.bolha small{align-self:flex-end;font-size:11px;color:var(--muted-2)}.bolha .midia{font-size:12px;font-weight:800;color:var(--roxo-escuro)}.bolha.entrada{align-self:flex-start;background:var(--branco);border:1px solid var(--linha);border-radius:4px 14px 14px}.bolha.saida{align-self:flex-end;background:var(--lilas);border-radius:14px 4px 14px 14px}.bolha.saida small{color:#4a4366}.bolha.saida.falhou{background:var(--erro-fundo)}.erro-envio{font-size:12px;color:var(--erro-texto);font-weight:600}.bolha.nota{align-self:flex-end;background:var(--nota);border:1px dashed var(--nota-borda);border-radius:14px;color:#3d2d00}.rotulo-nota{font-size:11px;font-weight:800;color:#6b4e00;text-transform:uppercase;letter-spacing:.05em}.bolha.nota small{color:#6b4e00}.compositor{margin:0 20px 20px;background:var(--branco);border:1px solid var(--borda);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px}.modos{display:flex;gap:4px}.modo{height:30px;padding:0 12px;border-radius:8px;border:0;background:transparent;color:#4a4366;font-weight:700;font-size:12px}.modo.ativo{background:var(--lilas);color:var(--roxo-escuro)}.modo.nota.ativo{background:#fff0b8;color:var(--nota-texto)}.entrada-texto{width:100%;resize:vertical;border:0;border-radius:10px;padding:10px 12px;line-height:1.5;background:#f7f6fb;min-height:70px}.entrada-texto.nota{background:#fff9e3}.entrada-texto:focus{outline:2px solid var(--roxo)}.rodape-compositor small{color:var(--muted);font-size:12px}.modelo{display:flex;flex-direction:column;gap:10px}.coluna-painel{width:320px;flex-shrink:0;background:var(--branco);border-left:1px solid var(--linha);padding:20px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.cartao{border:1px solid var(--linha);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--branco)}.cartao.tracejado{border-style:dashed;border-color:var(--borda)}.sobretitulo{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.nome-grande{font-size:16px;font-weight:800}.grade-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dado{display:flex;flex-direction:column;gap:2px}.dado small{color:var(--muted);font-size:12px}.pagina{flex:1;min-width:0;overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:20px}.pagina-topo h1{font-size:26px;font-weight:800;margin-bottom:4px}.secao{display:flex;flex-direction:column;gap:12px}.secao h2{font-size:18px;font-weight:800}.grade-cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.bolinha{width:12px;height:12px;border-radius:99px;flex-shrink:0}.lista-equipe{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tabela-caixa{overflow-x:auto;background:var(--branco);border:1px solid var(--linha);border-radius:14px}.tabela{width:100%;border-collapse:collapse;min-width:640px}.tabela th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:12px;border-bottom:1px solid var(--linha)}.tabela td{padding:10px 12px;border-bottom:1px solid var(--linha-2)}.tabela select{width:auto;min-height:36px;padding:4px 8px}.tabela input[type=checkbox]{width:20px;height:20px}@media(max-width:1280px){.coluna-painel{display:none}}@media(max-width:860px){.app{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px;gap:12px}.sidebar .nav{flex-direction:row;overflow-x:auto;flex:1 1 100%;order:3}.sidebar .nav-item:disabled{display:none}.sidebar .eu{margin:0 0 0 auto}.inbox{height:calc(100vh - 140px)}.coluna-lista{width:100%}.inbox .coluna-chat,.inbox.tem-selecao .coluna-lista{display:none}.inbox.tem-selecao .coluna-chat{display:flex}.so-celular{display:inline-flex}.bolha{max-width:85%}.compositor{margin:0 10px 10px}.pagina{padding:16px}.grade-2{grid-template-columns:minmax(0,1fr)}}