:root{--marinho: #0b1f4d;--profundo: #071433;--azul: #0a6cdb;--turquesa: #19b5d8;--limao: #b5e61d;--fundo: #f3f6fa;--superficie: #ffffff;--superficie-2: #f7f9fc;--borda: #dde3ec;--texto: #13213d;--texto-2: #4a5a74;--primaria: var(--azul);--primaria-texto: #ffffff;--primaria-suave: #e6f0fc;--perigo: #c62f3b;--perigo-suave: #fdecee;--aviso: #9a6200;--aviso-suave: #fff4dc;--ok: #19794a;--ok-suave: #e4f6ec;--info: var(--azul);--cabecalho-fundo: var(--profundo);--cabecalho-texto: #ffffff;--abas-fundo: var(--marinho);--abas-texto: #c9d8f3;--balao-usuario: var(--azul);--balao-agente: #eef2f8;--badge: #e5343f;--sombra: 0 1px 2px rgba(11, 31, 77, .06), 0 4px 16px rgba(11, 31, 77, .06);--sombra-grande: 0 8px 40px rgba(7, 20, 51, .25);--raio: 12px;--fonte: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--fonte-geometrica: "Montserrat", "Avenir Next", "Avenir", "Segoe UI", "Helvetica Neue", Arial, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--fundo: #060f26;--superficie: #0d1a3a;--superficie-2: #112147;--borda: #22345e;--texto: #e8eef8;--texto-2: #b9c5da;--primaria: #3b8cf0;--primaria-suave: #15305f;--perigo: #ff7a85;--perigo-suave: #3a1520;--aviso: #f3c45a;--aviso-suave: #3a2c0c;--ok: #6fdc9f;--ok-suave: #0f3324;--cabecalho-fundo: #040b1d;--balao-usuario: #1f6fd6;--balao-agente: #16264d;--sombra: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);color-scheme:dark}}*{box-sizing:border-box;min-width:0}html,body,#raiz{height:100%;margin:0}body{font-family:var(--fonte);font-size:15px;line-height:1.5;color:var(--texto);background:var(--fundo);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3{font-family:var(--fonte-geometrica);line-height:1.25}button,input,textarea,select{font:inherit;color:inherit}input,textarea,select{font-size:16px}a{color:var(--primaria)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.app{display:flex;flex-direction:column;height:100%}.cabecalho{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--cabecalho-fundo);color:var(--cabecalho-texto);border-bottom:3px solid var(--limao)}.cabecalho .marca{display:flex;align-items:center;gap:12px;font-weight:700;white-space:nowrap;min-width:0;font-family:var(--fonte-geometrica)}.cabecalho .marca .logo{width:32px;height:32px;border-radius:8px;background:var(--limao);color:var(--marinho);display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0}.cabecalho .marca small{display:block;font-weight:400;color:#a9c6f5;font-size:12px;font-family:var(--fonte)}.cabecalho .marca img.logo-oficial{height:26px;width:auto;display:block}.cabecalho .pessoa{margin-left:auto;display:flex;align-items:center;gap:10px;color:#c9d8f3;font-size:13px;white-space:nowrap}.cabecalho .pessoa .botao.secundario{background:#ffffff1a;color:#fff;border-color:transparent}.cabecalho .pessoa .botao.secundario:hover{background:#ffffff2e}.abas{display:flex;flex-wrap:wrap;gap:2px;padding:0 12px;background:var(--abas-fundo);position:sticky;top:0;z-index:20}@media(max-width:700px){.abas{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}}.abas::-webkit-scrollbar{display:none}.abas button{flex:0 0 auto;background:none;border:0;border-bottom:3px solid transparent;padding:11px 13px;color:var(--abas-texto);cursor:pointer;white-space:nowrap;display:flex;gap:6px;align-items:center;font-weight:600;font-size:.9rem}.abas button:hover{color:#fff}.abas button.ativa{color:#fff;border-bottom-color:var(--turquesa)}.abas button:focus-visible{outline:2px solid var(--turquesa);outline-offset:-3px}.abas .badge,.badge{background:var(--badge);color:#fff;border-radius:999px;font-size:.7rem;padding:1px 6px;font-weight:700;min-width:18px;text-align:center}.conteudo{flex:1;overflow:auto;padding:16px}.conteudo.cheio{padding:0;overflow:hidden}.conteudo .abas{background:transparent;position:static;padding:0}.conteudo .abas button{color:var(--texto-2)}.conteudo .abas button:hover{color:var(--texto)}.conteudo .abas button.ativa{color:var(--texto);border-bottom-color:var(--azul)}.grade{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:16px;box-shadow:var(--sombra)}.cartao h3{margin:0 0 8px;font-size:.98rem}.cartao h2{margin:0 0 12px;font-size:1.1rem}.silencioso{color:var(--texto-2);font-size:13px}.linha{display:flex;align-items:center;gap:10px}.coluna{display:flex;flex-direction:column;gap:8px}.espaco{flex:1}.etiquetas{display:flex;flex-wrap:wrap;gap:6px}.etiqueta{background:var(--primaria-suave);border-radius:999px;padding:3px 10px;font-size:12px;color:var(--marinho);font-weight:600}@media(prefers-color-scheme:dark){.etiqueta{color:#cfe0ff}}.botao{background:var(--primaria);color:var(--primaria-texto);border:1px solid transparent;border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:600}.botao:hover{filter:brightness(1.08)}.botao:disabled{opacity:.5;cursor:default;filter:none}.botao.secundario{background:var(--superficie-2);color:var(--texto);border-color:var(--borda)}.botao.pequeno{padding:6px 10px;font-size:13px}.botao:focus-visible,.campo:focus-visible{outline:2px solid var(--turquesa);outline-offset:2px}.campo{width:100%;padding:10px 12px;border:1px solid var(--borda);border-radius:10px;background:var(--superficie)}textarea.campo{resize:vertical;min-height:44px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;flex-shrink:0;position:relative;font-family:var(--fonte-geometrica)}.avatar .retrato{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover}.avatar.pequeno{width:28px;height:28px;font-size:12px}.avatar.grande{width:64px;height:64px;font-size:24px}.avatar .estado{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--superficie);background:#9aa6b8}.avatar .estado.trabalhando{background:var(--ok)}.avatar .estado.reuniao{background:var(--azul)}.avatar .estado.aprovacao{background:#f0a500}.lista{display:flex;flex-direction:column;gap:8px}.item{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--borda);border-radius:var(--raio);background:var(--superficie);cursor:pointer}.item:hover{border-color:var(--primaria)}.item.selecionado{border-color:var(--primaria);background:var(--primaria-suave)}.conversas{display:grid;grid-template-columns:320px 1fr;height:100%}.conversas .lateral{border-right:1px solid var(--borda);overflow:auto;padding:12px;background:var(--superficie)}.conversas .principal{display:flex;flex-direction:column;min-height:0}.chat-cabecalho{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--borda);background:var(--superficie)}.chat-mensagens{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.balao{max-width:min(720px,90%);padding:10px 14px;border-radius:16px;background:var(--balao-agente);border:1px solid var(--borda);white-space:pre-wrap;line-height:1.45}.balao.minha{align-self:flex-end;background:var(--balao-usuario);color:#fff;border-color:transparent}.balao.sistema{align-self:center;background:transparent;color:var(--texto-2);font-size:13px;border-style:dashed}.balao .autor{font-size:12px;font-weight:600;margin-bottom:4px;display:flex;gap:6px;align-items:center}.balao .meta{font-size:11px;color:var(--texto-2);margin-top:6px}.balao.minha .meta{color:#fffc}.chat-entrada{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--borda);background:var(--superficie)}.digitando{color:var(--texto-2);font-size:13px;font-style:italic}.vazio{display:grid;place-items:center;height:100%;color:var(--texto-2);text-align:center;padding:32px}.login{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(1200px 600px at 20% 0%,#13306f 0%,var(--profundo) 60%)}.login .cartao{width:min(100%,460px);border-top:6px solid var(--limao);border-radius:18px;padding:28px;box-shadow:var(--sombra-grande)}.login .marca-bloco{background:var(--marinho);margin:-28px -28px 20px;padding:22px 28px;border-radius:12px 12px 0 0;color:#fff;display:flex;flex-direction:column;gap:8px}.login .marca-bloco h2{margin:0;color:#fff;font-size:1.15rem}.login .marca-bloco h2 span{font-weight:400;color:#b9d4ff}.login .marca-bloco img.logo-oficial{height:44px;width:auto}.login .marca-bloco .logo{width:44px;height:44px;border-radius:10px;background:var(--limao);color:var(--marinho);display:grid;place-items:center;font-weight:800;font-family:var(--fonte-geometrica)}.pilula{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--superficie-2);color:var(--texto-2);white-space:nowrap;border:1px solid var(--borda)}.pilula.aberta{background:var(--primaria-suave);color:var(--azul);border-color:transparent}.pilula.em_andamento{background:var(--ok-suave);color:var(--ok);border-color:transparent}.pilula.bloqueada{background:var(--perigo-suave);color:var(--perigo);border-color:transparent}.pilula.concluida,.pilula.cancelada{background:var(--superficie-2);color:var(--texto-2)}.modal-fundo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0714338c;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:var(--superficie);border-radius:var(--raio);padding:20px;width:min(100%,560px);max-height:90vh;overflow:auto;box-shadow:var(--sombra-grande);border-top:4px solid var(--limao)}.gaveta{position:fixed;right:16px;bottom:16px;width:min(420px,calc(100% - 32px));height:min(560px,calc(100% - 32px));background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra-grande);display:flex;flex-direction:column;z-index:40;overflow:hidden}.gaveta .chat-cabecalho{background:var(--marinho);color:#fff;border-bottom:3px solid var(--limao)}.gaveta .chat-cabecalho .silencioso{color:#b9d4ff}.gaveta .chat-cabecalho .botao.secundario{background:#ffffff1f;color:#fff;border-color:transparent}.gaveta .chat-mensagens{padding:12px}.escritorio3d{position:relative;width:100%;height:min(58vh,560px);min-height:320px;background:#0b1730;overflow:hidden;border-radius:var(--raio) var(--raio) 0 0}.escritorio3d-palco{position:absolute;top:0;right:0;bottom:0;left:0}.escritorio3d-aviso{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#dfe8ff;text-align:center;padding:16px;pointer-events:none}@media(max-width:760px){.conteudo{padding:12px}.conversas{grid-template-columns:1fr}.conversas .lateral{display:none}.conversas.lista-visivel .lateral{display:block}.conversas.lista-visivel .principal{display:none}.cabecalho{padding:10px 12px}.cabecalho .pessoa span.nome{display:none}.gaveta{right:0;bottom:0;width:100%;height:100%;border-radius:0}.escritorio3d{height:48vh}}.balao.escrevendo{border-color:color-mix(in srgb,var(--azul) 35%,var(--borda))}.cursor-escrevendo{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--azul);animation:piscar .9s steps(2,start) infinite}@keyframes piscar{to{visibility:hidden}}@media(prefers-reduced-motion:reduce){.cursor-escrevendo{animation:none}}.kpi .kpi-rotulo{color:var(--texto-2);font-size:13px}.kpi .kpi-valor{font-size:1.8rem;font-weight:700;margin:2px 0 4px;font-variant-numeric:tabular-nums}.barra-teto{height:8px;border-radius:4px;background:var(--superficie-2);border:1px solid var(--borda);overflow:hidden;margin:8px 0 4px}.barra-teto>div{height:100%;background:var(--azul);border-radius:4px;transition:width .3s}.barra-teto.atencao>div{background:#d98c00}.barra-teto.critico>div{background:var(--perigo)}.grafico-dias{display:flex;align-items:flex-end;gap:6px;height:160px;padding-top:8px;border-bottom:1px solid var(--borda)}.grafico-dia{flex:1 1 0;min-width:6px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.grafico-barra{width:100%;max-width:28px;background:var(--azul);border-radius:4px 4px 0 0;min-height:0;transition:height .3s}.grafico-dia:hover .grafico-barra{filter:brightness(1.15)}.grafico-rotulo{font-size:11px;color:var(--texto-2);height:14px;white-space:nowrap}.tabela{width:100%;border-collapse:collapse;font-size:14px}.tabela th,.tabela td{padding:6px 8px;border-bottom:1px solid var(--borda);text-align:left;vertical-align:top}.tabela th{color:var(--texto-2);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.tabela .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabela tbody tr:hover{background:var(--superficie-2)}.ponto{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.tabela.usuarios td{vertical-align:top}.tabela.usuarios tr.inativa td{opacity:.6}.tabela.usuarios select{min-width:180px}.marcacao{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.marcacao input{margin:0}.tabela .centro{text-align:center}.botao.texto{background:transparent;color:var(--primaria, #1f4e9a);border:0;padding:0 4px;font-weight:600}.rotulo{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;min-width:220px}.rotulo>.campo{font-weight:400}.seletor-idioma{display:inline-flex;border:1px solid rgba(255,255,255,.45);border-radius:999px;overflow:hidden;background:#ffffff0f}.seletor-idioma button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-right:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:700;padding:6px 12px;cursor:pointer;line-height:1}.seletor-idioma button:last-child{border-right:0}.seletor-idioma button.ativa{background:#fff;color:var(--azul-escuro, #0b1b3a)}.pessoa .seletor-idioma{margin:0 10px}.login .idiomas{justify-content:center}.login .seletor-idioma{border-color:var(--borda);background:var(--superficie)}.login .seletor-idioma button{color:var(--azul-escuro, #0b1b3a);border-right-color:var(--borda)}.login .seletor-idioma button.ativa{background:var(--azul);color:#fff}
