/* AVA conectado · padrão VeroNati: tokens, escala tipográfica (mín. 12px), claro e escuro */
/* Paleta verde floresta suave (VeroNati 2.0): base neutra, texto grafite (não preto), um acento verde,
   gráficos em tons suaves (verde, coral, cinza), escuro preto de verdade com verde sálvia */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-display:swap;font-weight:200 800;src:url(/fontes/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-display:swap;font-weight:200 800;src:url(/fontes/plus-jakarta-sans-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--fundo:#f8f8f7;--superficie:#ffffff;--borda:#e8e8e5;--texto:#26292c;--texto2:#5b6166;--texto3:#83888d;
--acento:#1f6f5c;--acento-texto:#ffffff;--acento-suave:#ecf4f0;--destaque:#1f6f5c;--destaque-suave:#ecf4f0;
--verde:#2f7a58;--verde-fundo:#edf6f1;--vermelho:#b0503f;--vermelho-fundo:#fbefec;--amarelo:#94680f;--amarelo-fundo:#fbf4e2;--azul:#3d6aa8;--azul-fundo:#eef3fa;
--grafico-1:#4f9a7c;--grafico-2:#e2917f;--grafico-3:#b8bcc1;
--sombra:0 1px 2px rgba(31,41,36,.04),0 10px 28px -16px rgba(31,41,36,.12);--sombra-hover:0 2px 4px rgba(31,41,36,.05),0 16px 36px -18px rgba(31,41,36,.2);
--raio:14px;--curva:cubic-bezier(.32,.72,0,1)}
:root[data-tema="escuro"]{--fundo:#09090b;--superficie:#121214;--borda:#232327;--texto:#ececee;--texto2:#a5a5ad;--texto3:#83838c;
--acento:#7cc4a0;--acento-texto:#07130d;--acento-suave:#13211b;--destaque:#7cc4a0;--destaque-suave:#13211b;
--verde:#7cc4a0;--verde-fundo:rgba(124,196,160,.12);--vermelho:#ec8d7d;--vermelho-fundo:rgba(236,141,125,.12);--amarelo:#e3bd6b;--amarelo-fundo:rgba(227,189,107,.12);--azul:#93b6e6;--azul-fundo:rgba(147,182,230,.12);
--grafico-1:#6db893;--grafico-2:#de8a7a;--grafico-3:#55555e;
--sombra:0 1px 2px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.02) inset;--sombra-hover:0 1px 2px rgba(0,0,0,.6),0 12px 30px -14px rgba(0,0,0,.8)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;min-height:100dvh;background:var(--fundo);color:var(--texto);font:14px/1.5 "Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
a{color:var(--destaque)}
.num{font-variant-numeric:tabular-nums}
button{font:inherit}

/* tema */
.tema{display:flex;gap:2px;background:var(--superficie);border:1px solid var(--borda);border-radius:10px;padding:3px}
.tema button{all:unset;cursor:pointer;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:var(--texto3)}
.tema button:hover,.tema button:focus-visible{background:var(--fundo);color:var(--texto)}
.tema button[aria-pressed="true"]{background:var(--acento);color:var(--acento-texto)}
.tema-solto{position:fixed;top:12px;right:12px;z-index:3}

/* (i) */
.dica{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--borda);color:var(--texto3);font:700 12px/1 Georgia,serif;cursor:help;background:none;padding:0;vertical-align:middle;margin-left:6px;flex:none}
.dica:hover,.dica:focus-visible{color:var(--destaque);border-color:var(--destaque)}
.dica>span{display:none;position:absolute;z-index:20;top:24px;left:50%;transform:translateX(-50%);width:min(300px,80vw);background:var(--texto);color:var(--superficie);font:400 13px/1.45 "Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;text-align:left;padding:10px 12px;border-radius:8px;box-shadow:var(--sombra);text-transform:none;letter-spacing:0}
.dica:hover>span,.dica:focus>span{display:block}

/* tela de entrada */
.entrada{min-height:100dvh;display:grid;place-items:center;padding:56px 16px 24px}
.entrada .cartao{width:min(420px,100%);background:var(--superficie);border:1px solid var(--borda);border-radius:14px;box-shadow:var(--sombra);padding:clamp(20px,4vh,32px)}
.marca{display:flex;align-items:center;gap:8px;color:var(--acento);font-weight:800;font-size:13px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px}
.entrada h1{font-size:26px;font-weight:800;line-height:1.2;margin:0 0 6px}
.apoio{color:var(--texto2);font-size:14px;margin:0 0 16px}

/* formulários */
label{display:block;font-size:13px;font-weight:600;margin:12px 0 5px}
input,select,textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--borda);border-radius:9px;background:var(--fundo);color:var(--texto);font:inherit;font-size:14px}
textarea{height:auto;padding:10px 12px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--destaque);outline-offset:1px;border-color:transparent}
details.sso{margin-top:12px;font-size:13px;color:var(--texto2)}
details.sso summary{cursor:pointer}
.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:9px;border:1px solid var(--borda);background:var(--superficie);color:var(--texto);font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap}
.botao:hover{border-color:var(--acento);color:var(--acento);background:var(--superficie)}
.botao.primario{background:var(--acento);border-color:var(--acento);color:var(--acento-texto)}
.botao.primario:hover{filter:brightness(1.06);background:var(--acento);color:var(--acento-texto)}
.botao{transition:background .25s var(--curva),border-color .25s var(--curva),transform .15s var(--curva)}
.botao:active{transform:scale(.98)}
.botao.perigo{color:var(--vermelho);border-color:var(--vermelho)}
.botao.pequeno{height:32px;padding:0 10px;font-size:13px}
.botao.largo{width:100%;margin-top:16px;height:44px;font-size:15px}
.icone{all:unset;cursor:pointer;width:32px;height:32px;display:inline-grid;place-items:center;border-radius:8px;color:var(--texto3)}
.icone:hover,.icone:focus-visible{background:var(--acento-suave);color:var(--texto)}
.icone.perigo:hover{color:var(--vermelho)}
.aviso{border-radius:9px;padding:10px 12px;font-size:14px;margin:0 0 12px}
.aviso.erro{background:var(--vermelho-fundo);color:var(--vermelho)}
.aviso.ok{background:var(--verde-fundo);color:var(--verde)}
.aviso.atencao{background:var(--amarelo-fundo);color:var(--amarelo)}
.rodape{margin-top:16px;font-size:12px;color:var(--texto3);text-align:center}

/* app: lateral + conteúdo */
.app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}
.lateral{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:4px;background:var(--superficie);border-right:1px solid var(--borda);padding:16px 12px}
.lateral .marca{padding:4px 8px 12px}
.grupo{font-size:12px;color:var(--texto3);text-transform:uppercase;letter-spacing:.6px;margin:14px 8px 4px}
.lateral a.item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:var(--texto2);text-decoration:none;font-size:14px;font-weight:500}
.lateral a.item:hover{background:var(--fundo);color:var(--texto)}
.lateral a.item[aria-current="page"]{background:var(--acento-suave);color:var(--acento);font-weight:700}
.eu{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid var(--borda)}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--acento-suave);color:var(--acento);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.eu .quem{min-width:0;flex:1}
.eu .quem b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eu .quem span{font-size:12px;color:var(--texto3)}
.conteudo{padding:20px clamp(16px,2.4vw,32px) 32px;min-width:0}
.cabecalho{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.cabecalho h1{font-size:28px;font-weight:800;margin:0;display:flex;align-items:center}
.comandos{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* filtros */
.filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:10px;margin-bottom:12px}
.filtros select,.filtros input{width:auto;height:34px;font-size:13px;min-width:140px}
.filtros input[type=date]{min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:-4px 0 12px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--acento-suave);color:var(--acento);text-decoration:none}
.chip.ok{background:var(--verde-fundo);color:var(--verde)}
.chip.erro{background:var(--vermelho-fundo);color:var(--vermelho)}
.chip.neutro{background:var(--fundo);color:var(--texto2);border:1px solid var(--borda)}
.chip.azul{background:var(--azul-fundo);color:var(--azul)}
a.chip:hover{filter:brightness(.95)}
.limpar{font-size:12px;color:var(--texto3)}

/* grade e cards */
.grade{display:grid;gap:12px;margin-bottom:12px;align-items:stretch}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.card{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:16px;display:flex;flex-direction:column;min-width:0;height:100%}
.card h2{font-size:15px;font-weight:700;margin:0;display:flex;align-items:center;gap:0}
.card .topo-card{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.card .acao{font-size:13px;font-weight:600;text-decoration:none}
.card.clicavel{cursor:pointer;transition:border-color .15s}
.card{transition:box-shadow .35s var(--curva),transform .35s var(--curva),border-color .35s var(--curva)}
.card.clicavel:hover{transform:translateY(-2px);box-shadow:var(--sombra-hover);border-color:var(--borda)}
.card.clicavel:active{transform:translateY(0) scale(.995)}
.rotulo{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--texto3);font-weight:700;display:flex;align-items:center}
.valor{font-size:30px;font-weight:800;line-height:1.1;margin:6px 0 2px;font-variant-numeric:tabular-nums}
.auxiliar{font-size:12px;color:var(--texto3)}
.numero-com-visual{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;flex:1}
.mini{width:120px;height:56px;flex:none}
.mini.radial{width:84px;height:84px}
.grafico{flex:1;min-height:240px}
.vazio{flex:1;display:grid;place-items:center;text-align:center;color:var(--texto3);font-size:14px;padding:16px}

/* tabela */
.tabela-rolagem{overflow:auto;flex:1}
table{width:100%;border-collapse:collapse;font-size:14px}
th{position:sticky;top:0;background:var(--superficie);text-align:left;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--texto3);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--borda);white-space:nowrap}
td{padding:9px 10px;border-bottom:1px solid var(--borda);vertical-align:middle}
tr.clicavel{cursor:pointer}
tr.clicavel:hover td{background:var(--fundo)}
td.acoes{text-align:right;white-space:nowrap}
.paginacao{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;color:var(--texto3)}
.linha-lista{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--borda);font-size:14px;align-items:center}
.linha-lista:last-child{border-bottom:0}
.url{font-family:ui-monospace,Consolas,monospace;font-size:13px;background:var(--fundo);border:1px solid var(--borda);border-radius:8px;padding:9px 10px;word-break:break-all;flex:1}
.copiar-linha{display:flex;gap:8px;align-items:stretch}
.apps-mcp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.app-mcp{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--borda);border-radius:10px;background:var(--fundo);cursor:pointer;color:var(--texto);font-weight:700;font-size:15px;text-align:left}
.app-mcp{transition:border-color .3s var(--curva),transform .3s var(--curva),box-shadow .3s var(--curva)}
.app-mcp:hover{border-color:var(--acento);transform:translateY(-1px);box-shadow:var(--sombra-hover)}
.app-mcp small{display:block;font-weight:400;font-size:12px;color:var(--texto3)}

/* modal */
dialog{border:1px solid var(--borda);border-radius:14px;background:var(--superficie);color:var(--texto);padding:0;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);box-shadow:var(--sombra)}
dialog::backdrop{background:rgba(10,14,18,.55)}
dialog .corpo-modal{padding:18px;overflow:auto;max-height:calc(100dvh - 120px)}
dialog .topo-modal{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--borda)}
dialog .topo-modal h2{margin:0;font-size:16px}
dialog .rodape-modal{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--borda)}
dialog.pequeno{width:min(440px,calc(100vw - 24px))}
/* guia do MCP */
dialog.guia{width:min(880px,calc(100vw - 24px))}
.abas{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--borda);border-radius:10px;background:var(--fundo);margin-bottom:14px}
.abas button{all:unset;cursor:pointer;padding:6px 18px;border-radius:7px;font-weight:700;font-size:14px;color:var(--texto2)}
.abas button[aria-selected="true"]{background:var(--superficie);color:var(--texto);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.faixa-guia{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--borda);border-radius:10px;background:var(--acento-suave);margin-bottom:18px}
.faixa-url{flex:1;min-width:0}
.faixa-url span{display:block;font-size:12px;color:var(--texto3)}
.faixa-url b{display:block;font-family:ui-monospace,Consolas,monospace;font-size:13px;word-break:break-all}
.faixa-guia svg{width:16px;height:16px}
ol.passos{list-style:none;margin:0;padding:0;display:grid}
ol.passos li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 260px;gap:14px;align-items:start;padding-bottom:22px}
ol.passos li.sem-print{grid-template-columns:30px minmax(0,1fr)}
ol.passos li:last-child{padding-bottom:0}
ol.passos li:not(:last-child)::before{content:"";position:absolute;left:14.5px;top:34px;bottom:4px;width:1px;background:var(--borda)}
.n-passo{width:30px;height:30px;border-radius:50%;background:var(--acento);color:var(--acento-texto);display:grid;place-items:center;font-weight:800;font-size:13px;position:relative;z-index:1}
.passo-texto{min-width:0}
.passo-titulo{margin:4px 0 0;font-size:15px;font-weight:600;line-height:1.4}
.passo-nota{margin:10px 0 0;font-size:13px;color:var(--texto2)}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.campo-guia{display:flex;align-items:center;gap:8px;border:1px solid var(--borda);border-radius:8px;padding:7px 7px 7px 10px;background:var(--fundo);min-width:0}
.campo-guia.largo{grid-column:1/-1}
.campo-guia div{flex:1;min-width:0}
.campo-guia span{display:block;font-size:12px;color:var(--texto3)}
.campo-guia b{display:block;font-size:13px;overflow-wrap:anywhere}
.print{position:relative;display:block;width:260px;height:156px;border:1px solid var(--borda);border-radius:10px;overflow:hidden;background:#141414;cursor:zoom-in;padding:0;transition:border-color .15s}
.print:hover{border-color:var(--acento)}
.print img{display:block;width:100%;height:100%;object-fit:cover}
.print.foco-topo img{object-position:top center}
.print.foco-centro img{object-fit:contain}
.print.foco-direita img{object-position:right top;transform:scale(1.9);transform-origin:right top}
.print .ampliar{position:absolute;right:6px;bottom:6px;font-size:12px;font-weight:600;color:#fff;background:rgba(0,0,0,.7);border-radius:6px;padding:2px 8px}
pre.json{background:var(--fundo);border:1px solid var(--borda);border-radius:8px;padding:10px;font-size:12px;max-height:300px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:6px 0 12px}

@media (max-width:1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g21,.g3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){.app{grid-template-columns:1fr}.lateral{position:sticky;top:0;z-index:4;height:auto;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;align-items:center;gap:2px;padding:8px 10px;border-right:0;border-bottom:1px solid var(--borda)}.lateral .grupo,.lateral .marca,.eu .avatar,.eu .quem{display:none}.lateral a.item{white-space:nowrap;padding:7px 10px;flex:none}.eu{margin:0 0 0 auto;border:0;padding:0;flex:none;gap:2px}.g2{grid-template-columns:1fr}ol.passos li{grid-template-columns:30px minmax(0,1fr)}ol.passos li .print{grid-column:2;width:100%;height:170px}.campos{grid-template-columns:1fr}.faixa-guia{flex-wrap:wrap}.faixa-url{flex-basis:100%}}
@media (max-width:560px){.g4{grid-template-columns:1fr}.apps-mcp{grid-template-columns:1fr}.filtros select,.filtros input{min-width:0;flex:1 1 130px}.cabecalho h1{font-size:26px}}
@media (max-height:700px){.entrada{padding-top:52px}.entrada .cartao{padding:18px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* entrada suave dos blocos (some com "reduzir movimento") */
@media (prefers-reduced-motion:no-preference){
.conteudo .grade>*,.conteudo>.card,.entrada .cartao{animation:subir .6s var(--curva) both}
.conteudo .grade>*:nth-child(2){animation-delay:.05s}.conteudo .grade>*:nth-child(3){animation-delay:.1s}.conteudo .grade>*:nth-child(4){animation-delay:.15s}
dialog[open]{animation:surgir .35s var(--curva) both}
}
@keyframes subir{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes surgir{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}