@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{color:#17324d;font-synthesis:none;--azul:#102a43;--azul-claro:#244d6b;--laranja:#e87335;--papel:#fffefa;--linha:#d9d7cf;--suave:#66788a;--verde:#28745b;background:#f4f2ec;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #f0a46f}h1,h2,p{margin-top:0}h1,h2{color:var(--azul);font-family:Newsreader,serif}h1{margin-bottom:5px;font-size:clamp(2.2rem,4vw,3.3rem);font-weight:600;line-height:.95}h2{margin-bottom:8px;font-size:1.65rem}label{color:#29445e;gap:7px;font-size:.88rem;font-weight:600;display:grid}input,select{width:100%;color:var(--azul);background:#fff;border:1px solid #c7c9c5;border-radius:4px;padding:11px 12px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.sobretitulo{color:var(--laranja);letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:700}.texto-suave,.cabecalho-pagina p,.cabecalho-detalhe p{color:var(--suave)}.botao{cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 18px;font-weight:700;display:inline-flex}.botao:disabled{opacity:.55;cursor:wait}.botao.primario{color:#fff;background:var(--laranja);box-shadow:0 3px #bd5420}.botao.primario:hover{background:#d96329}.botao.secundario{color:var(--azul);background:#fff;border-color:#bfc7c9}.botao.perigo{color:#9d2c2c;background:#fff;border-color:#d9aaaa}.botao.largo{width:100%}.botao-link{color:#35607e;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:700;display:inline-flex}.botao-link.central{justify-content:center}.botao-link.voltar{margin-bottom:24px}.botao-icone{cursor:pointer;background:0 0;border:0;place-items:center;padding:8px;display:inline-grid}.mensagem{border-left:3px solid;border-radius:2px;padding:12px 14px;font-size:.88rem}.mensagem.erro{color:#822a2a;background:#fff0ed;border-color:#c84a3f}.mensagem.sucesso{color:#1e634b;background:#eaf7f0;border-color:#2f8b69}.acesso{background:var(--papel);grid-template-columns:minmax(400px,.9fr) minmax(520px,1.1fr);min-height:100vh;display:grid}.acesso-marca{color:#eaf0f3;background:var(--azul);flex-direction:column;justify-content:space-between;padding:54px clamp(40px,6vw,92px);display:flex;position:relative;overflow:hidden}.acesso-marca:after{content:"";border:1px solid #31546e;border-radius:50%;width:520px;height:520px;position:absolute;top:24%;right:-290px;box-shadow:0 0 0 65px #0000,0 0 0 66px #274861,0 0 0 130px #0000,0 0 0 131px #203f57}.acesso-marca>*{z-index:1;position:relative}.marca-grande{align-items:center;gap:15px;font-family:Newsreader,serif;font-size:1.7rem;display:flex}.marca-grande svg{color:#fff;width:46px}.marca-grande b{color:#f29765}.acesso-marca h1{color:#fff;max-width:520px;font-size:clamp(3rem,5vw,5.6rem)}.acesso-marca p:not(.sobretitulo){color:#b9c9d3;max-width:530px;line-height:1.7}.acesso-marca small{letter-spacing:.18em;color:#849dad}.acesso-formulario{background:linear-gradient(120deg,#f8f6f0,#fffefa 55%);place-items:center;padding:40px;display:grid}.cartao-acesso{gap:17px;width:min(420px,100%);display:grid}.cartao-acesso h2{margin:-4px 0 0;font-size:2.5rem}.marca-mobile{display:none}.inicializando{min-height:100vh;color:var(--suave);place-content:center;justify-items:center;gap:16px;display:grid}.inicializando svg{width:52px;color:var(--azul);animation:1.2s ease-in-out infinite alternate pulso}@keyframes pulso{to{opacity:.6;transform:translateY(-4px)}}.aplicacao{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}aside{z-index:10;color:#eaf1f4;background:var(--azul);flex-direction:column;width:250px;padding:26px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}aside .marca{align-items:center;gap:11px;padding:0 10px 34px;font-family:Newsreader,serif;font-size:1.38rem;display:flex}aside .marca svg{color:#fff;width:34px}aside .marca b{color:#ef8a55}.rotulo-menu{letter-spacing:.17em;color:#7e9aab;padding:0 13px;font-size:.66rem}aside nav{gap:5px;display:grid}aside nav button{color:#b9cbd5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:12px;padding:12px 13px;font-weight:600;display:flex}aside nav button svg{width:19px}aside nav button:hover,aside nav button.ativo{color:#fff;background:#24455e}aside nav button.ativo{box-shadow:inset 3px 0 var(--laranja)}.escopo-admin{color:#b8cad4;border:1px solid #294a62;align-items:center;gap:11px;margin-top:auto;padding:14px 12px;display:flex}.escopo-admin svg{width:21px}.escopo-admin div{gap:3px;display:grid}.escopo-admin small{letter-spacing:.12em;color:#7896a7;font-size:.6rem}.usuario-menu{border-top:1px solid #294a62;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;margin-top:12px;padding-top:15px;display:grid}.usuario-menu>span{aspect-ratio:1;background:var(--laranja);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid}.usuario-menu div{min-width:0;display:grid}.usuario-menu strong,.usuario-menu small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usuario-menu strong{font-size:.76rem}.usuario-menu small{color:#85a0af;font-size:.63rem}.usuario-menu button{color:#9db2be}.area-principal{grid-column:2;min-width:0}.conteudo{width:min(1240px,100%);min-height:100vh;margin:0 auto;padding:58px clamp(25px,5vw,70px) 110px}.conteudo.estreito{width:min(950px,100%)}.cabecalho-pagina{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.barra-lista{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.busca{border-bottom:1px solid #9da9ae;align-items:center;gap:10px;width:min(440px,100%);display:flex}.busca input{background:0 0;border:0;padding-left:0}.busca input:focus{outline:0}.contador{color:var(--suave);font-size:.8rem}.tabela-clientes{border-top:1px solid var(--linha)}.linha-cliente{border:0;border-bottom:1px solid var(--linha);text-align:left;cursor:pointer;background:0 0;grid-template-columns:46px minmax(170px,1.2fr) minmax(180px,1fr) 80px 85px 22px;align-items:center;gap:18px;width:100%;min-height:88px;transition:background .15s,transform .15s;display:grid}.linha-cliente:hover{background:#fffdf7;transform:translate(4px)}.monograma{aspect-ratio:1;width:42px;color:var(--azul);background:#dce7e9;border-radius:50%;place-items:center;font-size:.76rem;font-weight:700;display:grid}.monograma.grande{width:62px;font-size:1rem}.cliente-identidade,.cliente-host,.cliente-capacidades{gap:4px;min-width:0;display:grid}.cliente-identidade small,.cliente-host small,.cliente-capacidades small{color:#7b8a96;letter-spacing:.08em;font-size:.64rem}.cliente-host{color:#456079;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.cliente-capacidades{text-align:center}.estado{color:#6f777b;background:#e5e3dd;border-radius:100px;justify-self:start;padding:5px 9px;font-size:.69rem;font-weight:700}.estado.ativo{color:#176148;background:#dcefe5}.vazio{color:var(--suave);text-align:center;padding:45px 20px}.cabecalho-detalhe{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:30px;display:grid}.cabecalho-detalhe h1{font-size:2.6rem}.cabecalho-detalhe .sobretitulo{margin-bottom:6px}.cabecalho-detalhe p{margin-bottom:0;font-size:.8rem}.abas{border-bottom:1px solid var(--linha);display:flex;overflow-x:auto}.abas button{color:#66798a;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;min-width:max-content;padding:12px 18px;font-weight:700}.abas button.selecionada{color:var(--azul);border-color:var(--laranja)}.painel-editor{border:1px solid var(--linha);background:var(--papel);border-top:0;padding:28px}.grade-formulario{grid-template-columns:1fr 1fr;gap:22px;display:grid}.coluna-inteira{grid-column:1/-1}.campo-chave.booleano{background:#faf9f4;border:1px solid #dadbd7;grid-template-columns:1fr auto;align-items:center;padding:13px}.campo-chave.booleano span{gap:4px;display:grid}.campo-chave small{color:#75838d;font-weight:400}.campo-chave.booleano input{width:20px;height:20px;accent-color:var(--laranja)}.lista-editavel{gap:14px;display:grid}.linha-editavel{border-bottom:1px solid #e5e3dd;grid-template-columns:1fr auto 38px;align-items:end;gap:14px;padding-bottom:14px;display:grid}.linha-editavel.perfil{grid-template-columns:minmax(120px,.5fr) 1fr auto 38px}.radio{white-space:nowrap;align-items:center;gap:7px;min-height:42px;padding:0 8px;display:flex}.radio input{width:16px;accent-color:var(--laranja)}.lista-editavel>.botao{justify-self:start}.lista-capacidades{gap:15px;display:grid}.capacidade{background:#f8f7f2;border:1px solid #d9dbd7;border-left:4px solid #bdc4c5;padding:18px}.capacidade.ligada{border-left-color:var(--laranja);background:#fff}.capacidade header{justify-content:space-between;gap:15px;display:flex}.capacidade>p{color:var(--suave);margin:10px 0 0 38px;font-size:.82rem}.capacidade code{color:#71808b}.interruptor{cursor:pointer;align-items:center;gap:10px;display:flex}.interruptor input{opacity:0;pointer-events:none;position:absolute}.interruptor span{background:#aab3b7;border-radius:20px;width:28px;height:17px;position:relative}.interruptor span:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .18s;position:absolute;top:3px;left:3px}.interruptor input:checked+span{background:var(--verde)}.interruptor input:checked+span:after{transform:translate(11px)}.grade-configuracao{border-top:1px dashed #d2d4d1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 0 38px;padding-top:18px;display:grid}.acoes-editor{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffefaf5;border-top:1px solid #d0d1cd;justify-content:flex-end;align-items:center;gap:10px;padding:13px clamp(25px,5vw,70px);display:flex;position:fixed;bottom:0;left:250px;right:0}.acoes-editor>span{color:var(--suave);margin-right:auto;font-size:.72rem}.fundo-modal{z-index:20;background:#0a1f2fa6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border-top:4px solid var(--laranja);background:var(--papel);width:min(440px,100%);padding:32px;box-shadow:0 25px 70px #07182566}.modal .icone-confirmacao{width:44px;height:44px;color:var(--verde);background:#dcefe5;border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.modal p{color:var(--suave);line-height:1.55}.modal>div{justify-content:flex-end;gap:10px;display:flex}.painel-conta{border-bottom:1px solid var(--linha);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:22px;display:grid}.painel-conta h2,.painel-conta p{margin-bottom:2px}.painel-conta p{color:var(--suave)}.avatar-conta{aspect-ratio:1;color:#fff;background:var(--azul-claro);border-radius:50%;place-items:center;width:55px;font-weight:700;display:grid}.painel-editor.totp{border-top:1px solid var(--linha);grid-template-columns:auto 1fr auto;align-items:center;gap:17px;display:grid}.painel-editor.totp h2,.painel-editor.totp p,.remover-totp h2,.remover-totp p{margin-bottom:2px}.painel-editor.totp p,.remover-totp p,.configuracao-totp p{color:var(--suave)}.configuracao-totp{border-top:1px solid var(--linha);grid-template-columns:1fr 210px;align-items:center;gap:35px;margin-top:18px;display:grid}.configuracao-totp>div{gap:16px;display:grid}.configuracao-totp img,.configuracao-totp svg{border:12px solid #fff;width:210px;box-shadow:0 5px 20px #102a4322}.configuracao-totp code{overflow-wrap:anywhere;background:#f0eee8;padding:10px}.remover-totp{border-top:1px solid var(--linha);grid-template-columns:1fr 160px auto;align-items:end;gap:16px;margin-top:18px;display:grid}.topo-mobile,.fechar-menu,.sombra-menu{display:none}@media (max-width:900px){.acesso{grid-template-columns:1fr}.acesso-marca{display:none}.acesso-formulario{min-height:100vh}.marca-mobile{color:var(--azul);align-items:center;gap:10px;margin-bottom:20px;font-family:Newsreader,serif;font-size:1.4rem;display:flex}.marca-mobile svg{width:34px}.aplicacao{padding-top:58px;display:block}.topo-mobile{z-index:8;border-bottom:1px solid var(--linha);background:var(--papel);align-items:center;gap:10px;height:58px;display:flex;position:fixed;inset:0 0 auto}.topo-mobile .marca{align-items:center;gap:8px;font-family:Newsreader,serif;font-size:1.15rem;display:flex}.topo-mobile svg{width:24px;color:var(--azul)}aside{transition:transform .2s;transform:translate(-105%)}aside.aberto{transform:translate(0)}.fechar-menu{color:#fff;display:grid;position:absolute;top:6px;right:5px}.sombra-menu{z-index:9;background:#07182588;border:0;display:block;position:fixed;inset:0}.area-principal{grid-column:auto}.conteudo{padding-top:36px}.acoes-editor{left:0}.linha-cliente{grid-template-columns:45px minmax(0,1fr) auto 20px;gap:12px;padding:13px 0}.cliente-host,.cliente-capacidades{display:none}.grade-configuracao{grid-template-columns:1fr}}@media (max-width:600px){.acesso-formulario{padding:26px 22px}.cabecalho-pagina{margin-bottom:28px}.barra-lista{flex-direction:column;align-items:stretch;gap:8px}.linha-cliente{grid-template-columns:42px minmax(0,1fr) 20px}.linha-cliente .estado{display:none}.cabecalho-detalhe{grid-template-columns:auto 1fr}.cabecalho-detalhe .estado{grid-column:2}.grade-formulario{grid-template-columns:1fr}.coluna-inteira{grid-column:auto}.painel-editor{padding:19px}.linha-editavel,.linha-editavel.perfil{grid-template-columns:1fr 38px}.linha-editavel label:not(.radio),.linha-editavel .radio{grid-column:1}.linha-editavel .botao-icone{grid-area:1/2}.capacidade>p,.grade-configuracao{margin-left:0}.capacidade header{flex-direction:column;align-items:start}.acoes-editor>span{display:none}.acoes-editor{justify-content:stretch}.acoes-editor .botao{flex:1;padding-inline:10px}.painel-conta{grid-template-columns:auto 1fr}.painel-conta .estado{grid-column:2}.painel-editor.totp,.remover-totp{grid-template-columns:1fr;align-items:start}.painel-editor.totp>svg{display:none}.configuracao-totp{grid-template-columns:1fr}.configuracao-totp img,.configuracao-totp svg{grid-row:1;width:180px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}