:root{--verde:#133f37;--verde-claro:#1f6b5a;--verde-suave:#e6f2ee;--fundo:#f4f6f5;--cartao:#fff;--texto:#1b1f1e;--texto-suave:#5d6a66;--borda:#d9e2de;--ambar:#b7791f;--ambar-suave:#fdf3e1;--erro:#b42318;--erro-suave:#fdecea;--raio:12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--texto);background:var(--fundo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.6}input,textarea,select{font:inherit;color:inherit}a{color:var(--verde-claro)}.muted{color:var(--texto-suave)}.pad{padding:12px}.erro{color:var(--erro)}.destaque{color:var(--ambar)}.app{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--verde);color:#fff;align-items:center;gap:16px;padding:10px 16px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-dot{background:#9fe1c8;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #9fe1c840}.brand strong{font-size:15px;display:block}.brand small{opacity:.85;font-size:12px;display:block}.nav{gap:6px;margin-left:auto;display:flex}.nav button{color:#fff;background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:6px 14px}.nav button.active{color:var(--verde);background:#fff;border-color:#fff}.who{align-items:center;gap:8px;font-size:13px;display:flex}.who span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.who small{opacity:.8}.link{color:inherit;background:0 0;border:none;padding:4px 6px;text-decoration:underline}.content{flex:1;min-height:0;padding:12px 16px 16px}.tela-cheia{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.login-wrap{background:var(--verde);justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.login{background:var(--cartao);border-radius:var(--raio);flex-direction:column;gap:12px;width:min(420px,100%);padding:24px;display:flex}.login h1{color:var(--verde);margin:0;font-size:20px}.login label{flex-direction:column;gap:4px;font-size:13px;display:flex}.login input{border:1px solid var(--borda);border-radius:8px;padding:10px}.primary{background:var(--verde-claro);color:#fff;border:none;border-radius:8px;padding:9px 16px}.primary:hover:not(:disabled){background:var(--verde)}button:not(.primary):not(.link):not(.icon):not(.item):not(.nav button){border:1px solid var(--borda);background:#fff;border-radius:8px;padding:8px 14px}.icon{background:0 0;border:1px solid #0000;border-radius:50%;width:36px;height:36px;font-size:15px}.icon:hover{background:var(--verde-suave)}.icon.tem-nota{color:var(--ambar);border-color:var(--ambar)}.aviso{background:var(--ambar-suave);color:#7a4e00;border:1px solid #f0d9a8;border-radius:8px;margin:8px;padding:10px 12px;font-size:13px}.notice{border-radius:8px;margin:6px 8px;padding:8px 12px;font-size:13px}.notice.ok{background:var(--verde-suave);color:var(--verde)}.notice.erro{background:var(--erro-suave);color:var(--erro)}.tag{background:var(--ambar-suave);color:var(--ambar);border:1px solid #f0d9a8;border-radius:999px;padding:1px 7px;font-size:11px;font-style:normal;display:inline-block}.tag.nota{background:var(--verde-suave);color:var(--verde);border-color:#bfe0d3}.conversas{grid-template-columns:320px 1fr;gap:12px;height:calc(100vh - 92px);min-height:420px;display:grid}.lista,.chat{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);flex-direction:column;min-height:0;display:flex;overflow:hidden}.lista-topo{border-bottom:1px solid var(--borda);gap:6px;padding:8px;display:flex}.lista-topo input{border:1px solid var(--borda);border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.lista ul{flex:1;margin:0;padding:0;list-style:none;overflow:auto}.lista li+li{border-top:1px solid var(--borda)}.item{text-align:left;background:0 0;border:none;flex-direction:column;gap:3px;width:100%;padding:10px 12px;display:flex}.item:hover{background:var(--fundo)}.item.active{background:var(--verde-suave)}.linha1{justify-content:space-between;gap:8px;display:flex}.linha1 strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.linha1 small{color:var(--texto-suave);flex-shrink:0}.linha2{color:var(--texto-suave);align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.previa{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vazio{color:var(--texto-suave);flex:1;justify-content:center;align-items:center;display:flex}.chat-topo{border-bottom:1px solid var(--borda);align-items:center;gap:8px;padding:8px 12px;display:flex}.voltar{display:none}.chat-titulo{flex:1;min-width:0}.chat-titulo strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.chat-titulo small{color:var(--texto-suave);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.nota-caixa{background:var(--ambar-suave);border:1px solid #f0d9a8;border-radius:8px;flex-direction:column;gap:6px;margin:8px;padding:10px;display:flex}.nota-cabeca strong{font-size:13px;display:block}.nota-cabeca small{color:var(--texto-suave);font-size:11px}.nota-caixa textarea{border:1px solid var(--borda);resize:vertical;border-radius:8px;width:100%;padding:8px;font-size:13px}.nota-rodape{color:var(--texto-suave);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.mensagens{background:#f7faf9;flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow:auto}.bolha-wrap{display:flex}.bolha-wrap.minha{justify-content:flex-end}.bolha{border:1px solid var(--borda);background:#fff;border-radius:16px;max-width:78%;padding:8px 12px;font-size:14px}.minha .bolha{background:var(--verde-claro);color:#fff;border-color:var(--verde-claro);border-bottom-right-radius:4px}.dela .bolha{border-bottom-left-radius:4px}.bolha.pendente{opacity:.65;border-style:dashed;border-color:var(--ambar)}.bolha p{white-space:pre-wrap;word-break:break-word;margin:0}.bolha .quem{opacity:.8;margin-bottom:2px;font-size:11px;display:block}.bolha .hora{opacity:.75;text-align:right;margin-top:4px;font-size:10px;display:block}.anexo-img{border-radius:8px;max-width:100%;max-height:240px;display:block}.anexo-audio{width:260px;max-width:100%;height:32px}.anexo-arquivo{color:inherit;text-decoration:underline}.compositor{border-top:1px solid var(--borda);flex-direction:column;gap:6px;padding:8px 12px;display:flex}.compositor small{font-size:11px}.compositor-linha{align-items:flex-end;gap:8px;display:flex}.compositor textarea{border:1px solid var(--borda);resize:vertical;border-radius:8px;flex:1;min-height:44px;padding:8px 10px}.config{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;display:grid}.config .notice,.config .aviso{grid-column:1/-1}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);flex-direction:column;gap:10px;padding:16px;display:flex}.cartao h1,.cartao h2{color:var(--verde);margin:0;font-size:16px}.cartao-cabeca{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.grade{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.grade label{color:var(--texto-suave);flex-direction:column;gap:4px;font-size:12px;display:flex}.grade input,.grade select{border:1px solid var(--borda);color:var(--texto);background:#fff;border-radius:8px;padding:8px 10px}.grade label.com-erro input,.grade label.com-erro select{border-color:var(--erro)}.acoes{justify-content:flex-end;gap:8px;display:flex}.variante{border:1px solid var(--borda);border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.variante-cabeca{justify-content:space-between;align-items:center;font-size:13px;display:flex}.variante textarea{border:1px solid var(--borda);resize:vertical;border-radius:8px;width:100%;padding:8px;font-size:13px}.inline{color:var(--texto-suave);align-items:center;gap:6px;font-size:12px;display:inline-flex}.caixinhas{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px 12px;display:grid}.caixinha{color:var(--texto)}.variante.inativa{opacity:.7;border-style:dashed}.grade label.largo,.cartao.largo-total{grid-column:1/-1}.cartao>input[type=search]{border:1px solid var(--borda);border-radius:8px;padding:8px 10px}.eventos{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.evento{border:1px solid var(--borda);border-radius:8px;padding:8px 10px;font-size:13px}.evento-linha{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.evento code{background:var(--fundo);border-radius:6px;padding:1px 6px;font-size:12px}.evento code.codigo{background:var(--erro-suave);color:var(--erro)}.evento-msg{white-space:pre-wrap;word-break:break-word;margin:6px 0 0}.evento details{margin-top:4px}.evento pre{white-space:pre-wrap;word-break:break-word;background:var(--fundo);border-radius:6px;margin:4px 0 0;padding:8px;font-size:11px}.grade textarea{border:1px solid var(--borda);color:var(--texto);resize:vertical;background:#fff;border-radius:8px;padding:8px 10px}@media (width<=860px){.topbar{flex-wrap:wrap;gap:8px}.nav{order:3;width:100%;margin-left:0}.who{margin-left:auto}.content{padding:8px}.conversas{grid-template-columns:1fr;height:calc(100vh - 150px)}.conversas.com-chat .lista,.conversas:not(.com-chat) .chat{display:none}.voltar{display:inline-block}.bolha{max-width:90%}.config{grid-template-columns:1fr}}