/* E-mail v2 — a tela do e-mail do app novo dentro do portal (docs/email-do-app-novo-especificacao.md §2–§3).
   Mesma geometria do app (lista 340 px, 380 px em ≥1280; leitura ocupa o resto; só a lista e a leitura rolam),
   sobre os tokens do portal (paleta Oriente Portal). Prefixo ev2- em tudo. */
#page-email-v2 .page-header{display:none}
#emailV2App{--ev2-accent:var(--accent,#0a9492);--ev2-accent-ink:var(--accent-ink,#06716f);--ev2-accent-soft:var(--accent-soft,#e0f5f4);
  --ev2-accent-50:var(--accent-50,#effaf9);--ev2-ink:var(--ink,#17221e);--ev2-muted:var(--muted,#5b6b65);--ev2-subtle:var(--ink-3,#8a9893);--ev2-line:var(--line,#e4e8e6);
  --ev2-panel:var(--panel,#fff);--ev2-elev:var(--bg-2,#f0f4f2);--ev2-error:var(--red,#c43d3d);--ev2-warning:#b07a2b;--ev2-hover:var(--hover);--ev2-red:var(--red);
  display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100dvh - 128px);min-height:420px;
  background:var(--ev2-panel);border:1px solid var(--ev2-line);border-radius:12px;overflow:hidden;font-size:14px;color:var(--ev2-ink)}
@media (min-width:1280px){#emailV2App{grid-template-columns:380px minmax(0,1fr)}}
@media (max-width:767px){#emailV2App{grid-template-columns:1fr;height:calc(100dvh - 110px)}#emailV2App .ev2-leitura:not(.ev2-aberta){display:none}#emailV2App.ev2-lendo .ev2-lista-col{display:none}}
#emailV2App *{box-sizing:border-box}
/* reset dos botões com especificidade 0: com `#emailV2App button` (1,0,1) o reset ganhava das classes e o
   Escrever perdia a pílula verde e o Atualizar a borda (revisão de 21/10/2026) */
:where(#emailV2App) :where(button){font:inherit;cursor:pointer;color:inherit;background:none;border:0}
#emailV2App button:disabled{opacity:.6;cursor:default}
#emailV2App :focus-visible{outline:2px solid var(--ev2-accent);outline-offset:1px;border-radius:6px}
.ev2-lista-col{display:flex;min-height:0;flex-direction:column;border-right:1px solid var(--ev2-line)}
.ev2-cab{border-bottom:1px solid var(--ev2-line);background:var(--ev2-panel)}
.ev2-cab-l1{display:flex;align-items:center;gap:8px;padding:12px 12px 8px}
.ev2-busca{position:relative;flex:1;min-width:0}
.ev2-busca svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--ev2-subtle);pointer-events:none}
.ev2-busca input{width:100%;height:36px;border-radius:999px;border:1px solid transparent;background:var(--ev2-elev);padding:0 32px 0 36px;font:inherit;font-size:14px;color:var(--ev2-ink)}
.ev2-busca input:focus{outline:2px solid var(--ev2-accent-soft);border-color:var(--ev2-accent)}
.ev2-busca .ev2-limpar{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:var(--ev2-subtle)}
.ev2-busca .ev2-limpar:hover{background:var(--ev2-line)}
/* O X nativo do navegador em type="search" duplicava o nosso botão de limpar (Pablo 22/10). */
#emailV2App input[type="search"]::-webkit-search-cancel-button,#emailV2App input[type="search"]::-webkit-search-decoration,.ev2-p-filtro-in::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.ev2-escrever{display:inline-flex;height:36px;flex-shrink:0;align-items:center;gap:6px;border-radius:999px;background:var(--ev2-accent);padding:0 14px;font-size:12px;font-weight:600;color:var(--on-accent,#fff)}
.ev2-escrever:hover{background:var(--ev2-accent-ink)}
.ev2-escrever svg{width:14px;height:14px}
.ev2-abas{display:flex;align-items:flex-end;gap:16px;padding:0 16px;overflow-x:auto;scrollbar-width:none}
.ev2-aba{margin-bottom:-1px;display:inline-flex;flex-shrink:0;align-items:center;gap:4px;border-bottom:2px solid transparent;padding:4px 0 8px;font-size:12px;font-weight:500;color:var(--ev2-muted);white-space:nowrap}
.ev2-aba:hover{color:var(--ev2-ink)}
.ev2-aba[aria-selected="true"]{border-bottom-color:var(--ev2-accent);color:var(--ev2-ink)}
.ev2-aba .ev2-n{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ev2-accent)}
.ev2-aba .ev2-trunc{max-width:9rem;overflow:hidden;text-overflow:ellipsis}
.ev2-aba svg{width:11px;height:11px}
.ev2-lote{display:flex;flex-wrap:wrap;align-items:center;gap:4px;border-bottom:1px solid var(--ev2-line);background:var(--ev2-accent-50);padding:6px 12px;font-size:12px}
.ev2-lote .ev2-sel{margin-right:4px;font-weight:500}
.ev2-lote .ev2-esp{flex:1}
.ev2-lote button{padding:4px 6px;border-radius:6px}
.ev2-lote button:hover{background:rgba(0,0,0,.05)}
.ev2-lote .ev2-link{color:var(--ev2-accent)}
.ev2-lote .ev2-cancelar{color:var(--ev2-muted)}
.ev2-lote .ev2-cancelar:hover{color:var(--ev2-ink)}
.ev2-aviso{border-bottom:1px solid var(--ev2-line);background:var(--ev2-elev);padding:8px 16px;font-size:12px;margin:0}
.ev2-aviso.ev2-erro{color:var(--ev2-error)}.ev2-aviso.ev2-alerta{color:var(--ev2-warning)}.ev2-aviso.ev2-neutro{color:var(--ev2-muted)}
.ev2-aviso a{color:inherit;text-decoration:underline}
.ev2-itens{min-height:0;flex:1;overflow-y:auto}
.ev2-item{position:relative;display:flex;align-items:stretch;border-bottom:1px solid color-mix(in srgb,var(--ev2-line) 70%,transparent);transition:background .12s}
.ev2-item:hover{background:var(--ev2-elev)}
.ev2-item.ev2-marcado{background:var(--ev2-elev)}
.ev2-item.ev2-selecionado,.ev2-item.ev2-selecionado:hover{background:var(--ev2-accent-soft)}
.ev2-item .ev2-barra{position:absolute;inset:0 auto 0 0;width:4px;background:var(--ev2-accent)}
.ev2-item label{display:flex;flex-shrink:0;cursor:pointer;align-items:flex-start;padding:14px 4px 0 12px}
.ev2-item input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--ev2-accent)}
.ev2-item .ev2-corpo{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px;padding:10px 16px 10px 8px;text-align:left}
.ev2-l{display:flex;align-items:baseline;gap:8px}
.ev2-bolinha{width:8px;height:8px;flex-shrink:0;align-self:center;border-radius:50%;background:var(--ev2-accent)}
.ev2-quem{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}
.ev2-item.ev2-nao-lido .ev2-quem{font-weight:600}
.ev2-total{flex-shrink:0;border:1px solid var(--ev2-line);border-radius:999px;padding:0 6px;font-size:10px;font-variant-numeric:tabular-nums;color:var(--ev2-muted)}
.ev2-vip{flex-shrink:0;border-radius:4px;background:var(--ev2-accent-soft);padding:0 4px;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--ev2-accent)}
.ev2-quando{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ev2-muted)}
.ev2-assunto{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--ev2-ink)}
.ev2-item.ev2-nao-lido .ev2-assunto{font-weight:500}
.ev2-l svg.ev2-clip{width:14px;height:14px;flex-shrink:0;color:var(--ev2-muted)}
.ev2-previa{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ev2-muted)}
.ev2-pasta-tag{flex-shrink:0;border-radius:4px;background:var(--ev2-elev);padding:2px 6px;font-size:11px;color:var(--ev2-muted)}
.ev2-vazio{padding:24px;text-align:center;font-size:14px;color:var(--ev2-muted);margin:0}
.ev2-mais{display:flex;justify-content:center;padding:12px}
/* rodapé da lista: sentinela da rolagem infinita (22/10/2026). Altura fixa para a lista não pular quando aparece "Carregando…" */
.ev2-fim{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:8px 16px;font-size:12px;color:var(--ev2-muted)}
.ev2-fim .ev2-link{border:0;background:none;padding:2px 4px;font:inherit;font-weight:600;color:var(--ev2-accent);cursor:pointer;border-radius:4px}
.ev2-fim .ev2-link:hover{text-decoration:underline}
.ev2-fim .ev2-link:focus-visible{outline:2px solid var(--ev2-accent);outline-offset:2px}
.ev2-fim-caixa{min-height:40px}
/* botões de texto e principais também nos modais do body (fora do reset do app): sem o cinza nativo */
:where(.ev2-ghost,.ev2-primario){border:0;font:inherit;cursor:pointer}
:where(.ev2-ghost){background:none}
.ev2-ghost{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;color:var(--ev2-ink)}
.ev2-ghost:hover:not(:disabled){background:var(--ev2-elev)}
.ev2-ghost.ev2-mutado{color:var(--ev2-muted)}
.ev2-ghost svg{width:13px;height:13px}
.ev2-secundario{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;background:var(--ev2-accent-soft);color:var(--ev2-accent-ink)}
.ev2-secundario:hover{background:color-mix(in srgb,var(--ev2-accent-soft) 70%,var(--ev2-accent))}
.ev2-secundario svg{width:14px;height:14px}
.ev2-rodape{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid var(--ev2-line);padding:6px 16px;font-size:12px;color:var(--ev2-muted)}
/* leitura */
.ev2-leitura{display:flex;min-width:0;min-height:0;flex-direction:column}
.ev2-escolha{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--ev2-muted)}
.ev2-escolha svg{width:32px;height:32px}
.ev2-esqueleto{padding:24px;display:flex;flex-direction:column;gap:12px}
.ev2-esqueleto i{display:block;border-radius:6px;background:var(--ev2-elev);animation:ev2pulse 1.4s ease-in-out infinite}
.ev2-esqueleto i:nth-child(1){height:28px;width:66%}.ev2-esqueleto i:nth-child(2){height:16px;width:33%}.ev2-esqueleto i:nth-child(3){height:256px;width:100%}
@keyframes ev2pulse{50%{opacity:.5}}
.ev2-erro-txt{margin:0;padding:24px;font-size:14px;color:var(--ev2-error)}
.ev2-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:4px;border-bottom:1px solid var(--ev2-line);padding:6px 12px}
.ev2-acoes .ev2-esp{flex:1}
.ev2-voltar{display:none}
@media (max-width:767px){.ev2-voltar{display:inline-flex}}
.ev2-rola{min-height:0;flex:1;overflow-y:auto}
.ev2-header{border-bottom:1px solid var(--ev2-line);padding:12px 16px;display:flex;flex-direction:column;gap:6px}
.ev2-header h1{margin:0;font-size:18px;font-weight:600;line-height:1.35}
.ev2-nocrm{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:12px;color:var(--ev2-muted);margin:0}
.ev2-nocrm .ev2-forte{color:var(--ev2-ink)}
.ev2-nocrm a,.ev2-nocrm button{color:var(--ev2-accent);text-decoration:underline;text-underline-offset:2px;padding:0}
.ev2-conversa{list-style:none;margin:0;padding:12px;display:flex;flex-direction:column;gap:8px}
.ev2-msg{overflow:hidden;border-radius:10px;border:1px solid color-mix(in srgb,var(--ev2-accent) 60%,transparent);background:var(--ev2-panel);box-shadow:0 1px 2px rgba(14,35,29,.06)}
.ev2-msg-cab{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--ev2-line);background:var(--ev2-accent-50);padding:8px 12px}
.ev2-msg-cab .ev2-l1{display:flex;align-items:baseline;gap:8px}
.ev2-msg-cab .ev2-de{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}
.ev2-msg-cab .ev2-data{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ev2-muted)}
.ev2-msg-cab dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;margin:0;font-size:12px;color:var(--ev2-muted)}
.ev2-msg-cab dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev2-anexos{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px;margin:0;list-style:none}
.ev2-anexo{display:inline-flex;max-width:18rem;align-items:center;overflow:hidden;border-radius:6px;border:1px solid var(--ev2-line);font-size:12px;background:var(--ev2-panel)}
.ev2-anexo a{display:inline-flex;min-width:0;align-items:center;gap:6px;padding:4px 8px;color:var(--ev2-ink);text-decoration:none}
.ev2-anexo a:hover{background:var(--ev2-elev)}
.ev2-anexo svg{width:14px;height:14px;flex-shrink:0;color:var(--ev2-muted)}
.ev2-anexo .ev2-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev2-anexo .ev2-tam{flex-shrink:0;color:var(--ev2-muted)}
.ev2-anexo .ev2-baixar{border-left:1px solid var(--ev2-line);padding:4px 8px;color:var(--ev2-muted)}
.ev2-anexo.ev2-tracejado{max-width:16rem;border-style:dashed;color:var(--ev2-muted);padding:4px 8px;gap:6px}
.ev2-iframe{display:block;width:100%;border:0;background:#fff;min-height:80px}
.ev2-outra{display:flex;width:100%;align-items:baseline;gap:12px;border-radius:10px;border:1px solid var(--ev2-line);padding:8px 12px;text-align:left}
.ev2-outra:hover{border-color:var(--ev2-accent);background:var(--ev2-elev)}
.ev2-outra .ev2-oquem{width:10rem;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}
.ev2-outra .ev2-oquem.ev2-lido{font-weight:500}
.ev2-outra .ev2-oprevia{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ev2-muted)}
.ev2-outra .ev2-oquando{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ev2-muted)}
.ev2-outra svg{width:12px;height:12px;flex-shrink:0;color:var(--ev2-muted)}
/* menus suspensos e modal (portados para o body, como os og-dropdown do portal): os tokens têm de existir aqui também */
.ev2-menu,.ev2-modal-fundo,.ev2-pastas-pop,.ev2-folha-fundo{--ev2-hover:var(--hover);--ev2-red:var(--red);--ev2-accent:var(--accent,#0a9492);--ev2-accent-ink:var(--accent-ink,#06716f);--ev2-accent-soft:var(--accent-soft,#e0f5f4);--ev2-accent-50:var(--accent-50,#effaf9);--ev2-ink:var(--ink,#17221e);--ev2-muted:var(--muted,#5b6b65);--ev2-subtle:var(--ink-3,#8a9893);--ev2-line:var(--line,#e4e8e6);--ev2-panel:var(--panel,#fff);--ev2-elev:var(--bg-2,#f0f4f2);--ev2-error:var(--red,#c43d3d);--ev2-warning:#b07a2b;--ev2-success:#2a9a3a;font-size:14px;color:var(--ev2-ink)}
.ev2-menu button,.ev2-modal button{font:inherit;cursor:pointer}
/* o menu vive no body: o reset de #emailV2App button não chega aqui, e sem ele o item virava o botão nativo
   do navegador (fundo cinza e borda grossa, o print do Pablo em 21/10/2026). Especificidade 0: não ganha das classes. */
:where(.ev2-menu,.ev2-pastas-pop) :where(button){background:none;border:0;color:inherit;font:inherit;padding:0;margin:0}
.ev2-menu{position:fixed;z-index:9600;min-width:11rem;max-height:20rem;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:4px;font-size:13px}
.ev2-menu button{display:block;width:100%;text-align:left;padding:7px 10px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev2-menu button:hover{background:var(--hover)}
.ev2-menu button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ev2-menu .ev2-menu-perigo{color:var(--red)}
.ev2-menu .ev2-menu-perigo:hover{background:var(--red-soft)}
.ev2-menu hr{border:0;border-top:1px solid var(--line-soft);margin:4px 0}
.ev2-modal-fundo{position:fixed;inset:0;z-index:4100;background:rgba(23,34,30,.42);display:grid;place-items:center;padding:16px}
.ev2-modal{width:100%;max-width:24rem;background:var(--panel,#fff);border-radius:14px;padding:20px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:10px}
.ev2-modal h2{margin:0;font-size:16px;font-weight:600}
.ev2-modal p{margin:0;font-size:13px;color:var(--ev2-muted)}
.ev2-modal input{width:100%;height:38px;border:1px solid var(--ev2-line);border-radius:8px;padding:0 10px;font:inherit;font-size:14px}
.ev2-modal .ev2-pe{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}
.ev2-primario{display:inline-flex;align-items:center;border-radius:8px;background:var(--ev2-accent);padding:7px 12px;font-size:13px;font-weight:600;color:var(--on-accent,#fff)}
.ev2-primario:hover:not(:disabled){background:var(--ev2-accent-ink)}
.ev2-perigo{background:var(--ev2-error)}
.ev2-primario.ev2-perigo:hover:not(:disabled){background:var(--ev2-error);filter:brightness(.9)}
/* ===== Escrever (§4) — JANELA por cima da tela (15/10/2026, tarde) com o editor no estilo do Outlook =====
   Normal: encostada embaixo à direita, sem fundo escuro (a tela de trás continua usável); expandida: no
   centro, com fundo claro; tela cheia: cobre o portal inteiro; minimizada: só a barra de título.
   Superfícies brancas sólidas (nunca og-glass) e UM scroll só, no miolo (.ev2e-rola). Camadas: janela
   normal e barras 900 (acima do conteúdo, abaixo dos modais das telas); o topo do portal sobe para 950
   enquanto houver janela (menus do perfil e de configurações por cima dela); fundo 9050, expandida 9060,
   tela cheia 9070 (acima do topo e do menu lateral); menus da janela (.ev2-menu) 9600; avisos 99999. */
#page-email-v2-escrever .page-header{display:none}
.ev2-escrever-raiz{--ev2-accent:var(--accent,#0a9492);--ev2-accent-ink:var(--accent-ink,#06716f);--ev2-accent-soft:var(--accent-soft,#e0f5f4);--ev2-accent-50:var(--accent-50,#effaf9);--ev2-ink:var(--ink,#17221e);--ev2-muted:var(--muted,#5b6b65);--ev2-subtle:var(--ink-3,#8a9893);--ev2-line:var(--line,#e4e8e6);--ev2-panel:var(--panel,#fff);--ev2-elev:var(--bg-2,#f0f4f2);--ev2-error:#c43d3d;--ev2-success:#2a9a3a;
  /* o "papel" do corpo é branco também no modo escuro: é o que o destinatário vê */
  --ev2e-papel:#fff;font-size:14px;color:var(--ev2-ink)}
.ev2-escrever-raiz[hidden]{display:none}
.ev2-escrever-raiz *{box-sizing:border-box}
.ev2-escrever-raiz button{font:inherit;cursor:pointer}
/* zera o botão nativo (fundo cinza e borda) sem ganhar das classes: especificidade 0 */
:where(.ev2-escrever-raiz) :where(button){background:none;border:0;color:inherit;padding:0}
/* a janela */
.ev2j{position:fixed;z-index:900;box-sizing:border-box;display:flex;flex-direction:column;background:var(--ev2-panel);border:1px solid var(--ev2-line);border-bottom:0;border-radius:12px 12px 0 0;box-shadow:0 18px 50px -12px rgba(8,18,15,.38),0 2px 8px rgba(8,18,15,.1);overflow:hidden;font-family:var(--font-body,inherit)}
.ev2j[data-tamanho="expandida"]{z-index:9060;left:calc((100vw - min(1120px,92vw)) / 2);top:5vh;width:min(1120px,92vw);height:90vh;border-bottom:1px solid var(--ev2-line);border-radius:14px}
.ev2j[data-tamanho="cheia"]{z-index:9070;inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none}
.ev2j[data-tamanho="minimizada"]{box-shadow:0 8px 24px -8px rgba(8,18,15,.35)}
.ev2j[data-tamanho="minimizada"] .ev2j-miolo{display:none}
/* modo escuro: a moldura sobe um degrau (hover/chip) e ganha contorno, senão some no painel de trás; o papel do corpo continua branco */
:root[data-theme="dark"] .ev2j{--ev2-panel:var(--hover,#1e2a28);--ev2-elev:var(--chip,#243230);--ev2-line:var(--line-2,#334240);box-shadow:0 0 0 1px var(--line-2,#334240),0 18px 50px -12px rgba(0,0,0,.7)}
:root[data-theme="dark"] .ev2j[data-tamanho="cheia"]{box-shadow:none}
.ev2j-fundo{position:fixed;inset:0;z-index:9050;background:rgba(8,18,15,.28)}
.ev2j-fundo[hidden]{display:none}
body.ev2j-aberta .topbar{z-index:950}
.ev2j-guarda{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
/* barra de título: o assunto (sem assunto, o tipo da mensagem), e os botões de tamanho; clicar nela minimiza a janela normal */
.ev2j-titulo{flex:none;display:flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 14px;border-bottom:1px solid var(--ev2-line);background:var(--ev2-panel);user-select:none}
.ev2j[data-tamanho="normal"] .ev2j-titulo,.ev2j[data-tamanho="minimizada"] .ev2j-titulo{cursor:pointer}
.ev2j[data-tamanho="minimizada"] .ev2j-titulo{height:39px;border-bottom:0}
.ev2j[data-tamanho="minimizada"] .ev2j-titulo:hover{background:var(--ev2-elev)}
.ev2j-nome{flex:1;min-width:0;display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-size:13.5px}
.ev2j-nome strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--ev2-ink)}
.ev2j-ctrl{flex:none;display:flex;align-items:center;gap:2px}
.ev2j-b{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:var(--ev2-muted);transition:background .12s,color .12s}
.ev2j-b svg{width:16px;height:16px}
.ev2j-b:hover:not(:disabled){background:var(--ev2-elev);color:var(--ev2-ink)}
.ev2j-b:disabled{opacity:.4;cursor:default}
.ev2j-b:focus-visible{outline:2px solid var(--ev2-accent);outline-offset:1px}
.ev2j-miolo{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}
.ev2j-esqueleto{padding:16px}
.ev2j-esqueleto i:nth-child(1),.ev2j-esqueleto i:nth-child(2){height:32px;width:100%}
.ev2j-esqueleto i:nth-child(3){height:200px;width:100%}
.ev2j-aviso{margin:auto;padding:24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.ev2j-aviso p{margin:0;font-size:14px;color:var(--ev2-ink)}
.ev2e-botoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.ev2e-link{color:var(--ev2-accent);text-decoration:underline;text-underline-offset:2px;background:none;border:0;padding:0;font:inherit}
/* formulário: campos, barra e rodapé parados; só o miolo (.ev2e-rola) rola */
.ev2e-form{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}
.ev2e-rascunho,.ev2e-faixa-aviso{flex:none;margin:0;padding:6px 14px;font-size:12px;color:var(--ev2-muted);background:var(--ev2-elev);border-bottom:1px solid var(--ev2-line)}
.ev2e-faixa-aviso[hidden]{display:none}
/* "Este e-mail já foi enviado em outra aba": aviso (âmbar suave), o Enviar pergunta antes de mandar de novo */
.ev2e-faixa-aviso{color:var(--ev2-ink);font-weight:500;background:color-mix(in srgb,#b07a2b 14%,var(--ev2-panel))}
/* De | Para | Cópia | Cópia oculta | Assunto (Pablo): rótulo à esquerda, linhas de 36 px separadas por um fio */
.ev2e-campos{flex:none;padding:0 14px}
.ev2e-linha{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;min-height:36px;border-bottom:1px solid var(--ev2-line)}
.ev2e-linha:focus-within{border-bottom-color:var(--ev2-accent);box-shadow:inset 0 -1px 0 var(--ev2-accent)}
.ev2e-linha label,.ev2e-rot{font-size:13px;font-weight:500;color:var(--ev2-muted)}
.ev2e-linha input{display:block;width:100%;height:35px;border:0;border-radius:0;padding:0 2px;font:inherit;font-size:14px;color:var(--ev2-ink);background:transparent;outline:none;box-shadow:none}
.ev2e-linha input::placeholder{color:var(--ev2-subtle)}
/* o anel de foco global dos campos (portal-2026.css, !important) vira o fio de baixo da linha, como no Outlook */
.ev2j .ev2e-linha input,.ev2j .ev2e-linha input:focus{border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;border-radius:0!important}
.ev2e-de{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px;font-size:14px;color:var(--ev2-ink)}
.ev2e-combo{position:relative;min-width:0}
.ev2e-sugestoes{position:absolute;left:0;right:0;top:100%;z-index:30;margin:4px 0 0;max-height:16rem;overflow-y:auto;list-style:none;padding:4px 0;border:1px solid var(--ev2-line);border-radius:8px;background:var(--ev2-panel);box-shadow:0 14px 40px -16px rgba(14,35,29,.45)}
.ev2e-sugestoes button{display:flex;width:100%;align-items:baseline;gap:8px;padding:6px 12px;text-align:left;font-size:14px;border:0;background:none;color:var(--ev2-ink)}
.ev2e-sugestoes button.ev2e-dest{background:var(--ev2-accent-soft);color:var(--ev2-accent-ink)}
.ev2e-sn{font-weight:500}.ev2e-se{color:var(--ev2-muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev2e-so{margin-left:auto;font-size:11px;color:var(--ev2-muted)}
.ev2e-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ev2e-sugestoes[hidden],.ev2e-solte[hidden],.ev2e-anexos[hidden],.ev2e-anexos-erro[hidden]{display:none}
/* mensagem: barra parada em cima; anexos, texto (papel branco) e a original no único scroll */
.ev2e-editor{flex:1;min-height:0;display:flex;flex-direction:column}
.ev2e-barra-wrap{flex:none;background:var(--ev2-panel);border-bottom:1px solid var(--ev2-line)}
.ev2e-rola{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:var(--ev2-panel)}
/* barra numa linha só: o que não cabe vai para "Mais opções" (email-v2-editor.js, ajustarBarra) */
.ev2ed-barra{display:flex;flex-wrap:nowrap;align-items:center;gap:1px;padding:5px 8px;overflow:hidden}
.ev2ed-grupo{display:inline-flex;flex:none;align-items:center;gap:1px}
.ev2ed-grupo+.ev2ed-grupo::before{content:'';flex:none;width:1px;height:20px;background:var(--ev2-line);margin:0 3px 0 2px}
.ev2ed-fora{display:none!important}
.ev2ed-b{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:2px;height:30px;min-width:28px;padding:0 5px;border-radius:6px;color:var(--ev2-muted);transition:background .12s,color .12s}
.ev2ed-b svg{width:17px;height:17px;flex-shrink:0}
.ev2ed-b:hover:not(:disabled){background:var(--ev2-elev);color:var(--ev2-ink)}
.ev2ed-b:disabled{opacity:.35;cursor:default}
.ev2ed-b.ev2ed-on,.ev2ed-b[aria-expanded="true"]{background:var(--ev2-accent-soft);color:var(--ev2-accent-ink)}
.ev2ed-b:focus-visible{outline:2px solid var(--ev2-accent);outline-offset:-2px}
.ev2ed-m{padding:0 3px 0 5px}
.ev2ed-m svg.ev2ed-seta{width:11px;height:11px;opacity:.7}
.ev2ed-m-tam{width:116px;min-width:0;justify-content:space-between;padding:0 5px 0 9px;border:1px solid var(--ev2-line);color:var(--ev2-ink);font-size:13px}
.ev2ed-tam{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* "Anexar" fica na ponta direita da barra, com rótulo (é o que a pessoa procura) */
.ev2ed-fim{display:inline-flex;flex:none;margin-left:auto;padding-left:6px}
.ev2ed-b.ev2ed-b-rot{gap:6px;padding:0 10px 0 8px;font-size:13px;font-weight:600;color:var(--ev2-accent-ink)}
.ev2ed-b.ev2ed-b-rot:hover:not(:disabled){background:var(--ev2-accent-soft);color:var(--ev2-accent-ink)}
.ev2ed-com-cor{display:inline-flex;flex-direction:column;align-items:center;gap:1px}
.ev2ed-com-cor svg{width:15px;height:15px}
.ev2ed-com-cor i{display:block;width:16px;height:3px;border-radius:1px;background:var(--c)}
/* N, I, S e abc (como no Word e no Outlook em português) */
.ev2ed-glifo{display:inline-block;min-width:14px;font-size:15px;line-height:1;text-align:center;color:currentColor}
.ev2ed-g-n{font-weight:800}
.ev2ed-g-i{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:16px;font-weight:600}
.ev2ed-g-s{font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}
.ev2ed-g-abc{font-size:12.5px;font-weight:600;letter-spacing:-.01em;text-decoration:line-through;text-decoration-thickness:1.5px}
/* botão dividido (cor e realce): a parte da esquerda aplica a última cor; a seta abre a paleta */
.ev2ed-dividido{display:inline-flex;flex:none;align-items:center;border-radius:6px}
.ev2ed-dividido:hover{box-shadow:inset 0 0 0 1px var(--ev2-line)}
.ev2ed-dividido>.ev2ed-b{min-width:24px;padding:0 3px}
.ev2ed-dividido>.ev2ed-b:first-child{border-radius:6px 0 0 6px}
.ev2ed-dividido>.ev2ed-m-seta{min-width:14px;padding:0 1px;border-radius:0 6px 6px 0}
.ev2ed-dividido>.ev2ed-m-seta svg.ev2ed-seta{width:10px;height:10px}
.ev2e-corpo{background:var(--ev2e-papel)}
.ev2ed-quadro{display:block;width:100%;min-height:140px;border:0;background:var(--ev2e-papel)}
/* anexos: fichas acima do texto (como no Outlook) */
.ev2e-anexos{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 14px;border-bottom:1px solid var(--ev2-line);background:var(--ev2-panel)}
.ev2e-fichas{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.ev2e-ficha{display:inline-flex;align-items:center;gap:6px;max-width:19rem;height:30px;padding:0 3px 0 5px;border:1px solid var(--ev2-line);border-radius:7px;background:var(--ev2-elev);font-size:12.5px}
.ev2e-ficha img,.ev2e-ficha-ic{width:20px;height:20px;flex-shrink:0;border-radius:4px;object-fit:cover;display:grid;place-items:center;background:var(--ev2-panel);color:var(--ev2-muted)}
.ev2e-ficha-ic svg{width:13px;height:13px}
.ev2e-ficha-nome{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--ev2-ink)}
.ev2e-ficha-tam{flex-shrink:0;color:var(--ev2-muted);font-variant-numeric:tabular-nums}
.ev2e-ficha-x{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:var(--ev2-muted)}
.ev2e-ficha-x:hover{background:var(--ev2-line);color:var(--ev2-ink)}
.ev2e-ficha-x svg{width:12px;height:12px}
.ev2e-ficha-orig{border-style:dashed;background:var(--ev2-panel)}
.ev2e-ficha-tag{padding-right:5px;font-size:11px;color:var(--ev2-muted);white-space:nowrap}
/* anexo da original que só está no webmail: não vai junto (e a ficha diz) */
.ev2e-ficha-fora{max-width:28rem;background:transparent}
.ev2e-ficha-fora .ev2e-ficha-nome{color:var(--ev2-muted)}
.ev2e-ficha-fora .ev2e-ficha-tag{color:var(--ev2-ink);font-weight:600}
.ev2e-anexos-info{margin:0 0 0 auto;font-size:12px;color:var(--ev2-muted);font-variant-numeric:tabular-nums}
.ev2e-anexos-erro{flex-basis:100%;margin:0;font-size:12.5px;font-weight:500;color:var(--ev2-error)}
/* véu de arrastar: só sobre a janela (abaixo da barra de título); imagem pode ir como anexo ou para o texto */
.ev2e-solte{position:absolute;inset:0;z-index:60;display:flex;gap:12px;padding:12px;background:color-mix(in srgb,var(--ev2-panel) 90%,transparent)}
.ev2e-zona{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;border:2px dashed var(--ev2-accent);border-radius:10px;background:var(--ev2-accent-50);color:var(--ev2-accent-ink);text-align:center;transition:background .12s}
.ev2e-zona svg{width:30px;height:30px}
.ev2e-zona strong{font-size:15px;font-weight:600}
.ev2e-zona span{font-size:12.5px;color:var(--ev2-muted)}
.ev2e-zona.ev2e-sobre{border-style:solid;background:var(--ev2-accent-soft)}
.ev2e-solte:not(.ev2e-duas) [data-zona="texto"]{display:none}
/* a mensagem original, embaixo do texto (sem scroll próprio: o quadro cresce com ela) */
.ev2e-original{margin:8px 14px 14px;border:1px solid var(--ev2-line);border-radius:8px;background:var(--ev2-panel)}
.ev2e-original summary{cursor:pointer;padding:8px 12px;font-size:13px;color:var(--ev2-muted)}
.ev2e-original-quadro{display:block;width:100%;height:120px;border:0;border-top:1px solid var(--ev2-line);border-radius:0 0 8px 8px;background:var(--ev2e-papel)}
.ev2e-rodape{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 14px 12px;border-top:1px solid var(--ev2-line);background:var(--ev2-panel)}
.ev2e-rodape .ev2-ghost{padding:8px 14px;font-size:13px;color:var(--ev2-muted)}
.ev2e-rodape .ev2-ghost:hover:not(:disabled){color:var(--ev2-ink)}
.ev2e-rodape .ev2-primario{padding:8px 16px}
.ev2e-rodape .ev2-primario svg{width:16px;height:16px;margin-right:6px}
.ev2e-rodape button:disabled{opacity:.6;cursor:default}
@media (max-width:899px){.ev2e-linha{grid-template-columns:84px minmax(0,1fr)}.ev2e-campos,.ev2e-rodape{padding-left:12px;padding-right:12px}}
/* menus da barra (portados para o body: os tokens vêm de .ev2-menu) */
:where(.ev2ed-menu,.ev2e-pop-ass) :where(button){background:none;border:0;color:inherit}
.ev2ed-menu{padding:6px;max-height:min(80vh,36rem)}
.ev2ed-menu hr{border:0;border-top:1px solid var(--ev2-line);margin:6px 0}
.ev2ed-menu-tam button{display:flex;align-items:center;gap:8px;min-width:12rem}
.ev2ed-check{display:inline-grid;width:16px;height:16px;place-items:center;color:var(--ev2-accent)}
.ev2ed-check svg{width:14px;height:14px}
.ev2ed-menu .ev2ed-auto{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ev2ed-amostra{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid var(--ev2-line);background:var(--c)}
.ev2ed-amostra.ev2ed-sem{background:linear-gradient(to top right,transparent 45%,#c43d3d 46%,#c43d3d 54%,transparent 55%),var(--ev2-panel)}
.ev2ed-paleta{display:grid;grid-template-columns:repeat(5,28px);gap:6px;padding:2px 4px 4px}
.ev2ed-menu .ev2ed-cor{width:28px;height:28px;padding:0;border-radius:6px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.ev2ed-menu .ev2ed-cor:hover,.ev2ed-menu .ev2ed-cor:focus-visible{outline:2px solid var(--ev2-accent);outline-offset:1px;background:var(--c)}
.ev2ed-grade-rot{padding:2px 4px 6px;font-size:12.5px;color:var(--ev2-muted)}
.ev2ed-grade{display:grid;grid-template-columns:repeat(8,18px);gap:3px;padding:2px 4px 4px;outline:none}
.ev2ed-grade span{width:18px;height:18px;border:1px solid var(--ev2-line);border-radius:3px;background:var(--ev2-panel);cursor:pointer}
.ev2ed-grade span.ev2ed-sel{border-color:var(--ev2-accent);background:var(--ev2-accent-soft)}
.ev2ed-grade:focus-visible{outline:2px solid var(--ev2-accent);outline-offset:2px;border-radius:4px}
.ev2ed-menu-tabela button{min-width:13rem}
/* "Mais opções": ícone, nome, atalho e o visto de quem está ligado */
.ev2ed-menu-mais{min-width:15.5rem}
.ev2ed-menu-mais button{display:flex;align-items:center;gap:10px}
.ev2ed-mais-ic{display:inline-grid;flex:none;place-items:center;width:20px;height:20px;color:var(--ev2-muted)}
.ev2ed-mais-ic svg{width:16px;height:16px}
.ev2ed-mais-rot{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ev2ed-menu-mais kbd{flex:none;font:inherit;font-size:11.5px;color:var(--ev2-subtle);background:none;border:0;padding:0;box-shadow:none}
.ev2ed-mais-ok{display:inline-grid;flex:none;place-items:center;width:16px;height:16px;color:var(--ev2-accent)}
.ev2ed-mais-ok svg{width:14px;height:14px}
.ev2ed-menu-link{width:22rem;padding:12px;overflow:visible}
.ev2ed-link{display:flex;flex-direction:column;gap:10px}
.ev2ed-link label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:500;color:var(--ev2-muted)}
.ev2ed-link input{height:34px;border:1px solid var(--ev2-line);border-radius:7px;padding:0 10px;font:inherit;font-size:14px;color:var(--ev2-ink);background:var(--ev2-panel)}
.ev2ed-link input:focus{outline:2px solid var(--ev2-accent-soft);border-color:var(--ev2-accent)}
.ev2ed-erro{margin:0;font-size:12.5px;color:var(--ev2-error)}
.ev2ed-erro[hidden]{display:none}
.ev2ed-acoes{display:flex;align-items:center;gap:6px}
.ev2ed-esp{flex:1}
.ev2ed-menu .ev2ed-acoes button{width:auto;display:inline-flex;padding:7px 12px;border-radius:7px;font-weight:500}
.ev2ed-menu .ev2ed-acoes .ev2ed-ok{background:var(--ev2-accent);color:var(--on-accent,#fff);font-weight:600}
.ev2ed-menu .ev2ed-acoes .ev2ed-ok:hover{background:var(--ev2-accent-ink)}
.ev2ed-menu .ev2ed-acoes .ev2ed-tirar{padding:7px 8px;color:var(--ev2-error)}
.ev2e-pop-ass{width:18rem;padding:12px;display:flex;flex-direction:column;gap:6px}
.ev2e-pop-ass p{margin:0;font-size:13px;color:var(--ev2-ink)}
/* o link do aviso é um botão (abre aba do portal): sem a cara de item de menu do .ev2-menu button */
.ev2e-pop-ass .ev2e-link{display:inline;align-self:flex-start;width:auto;padding:0;border-radius:0;font-size:13px}
.ev2e-pop-ass .ev2e-link:hover{background:none;color:var(--ev2-accent-ink)}
/* ===== Conta de e-mail (§7) ===== */
#page-email-v2-config .page-header{display:none}
.ev2c-wrap{display:flex;flex-direction:column;gap:20px;padding:8px 0 24px}
/* textos de ajuda e erro da Conta de e-mail (email-v2-config-ui.js; o nome é da tela Escrever antiga) */
.ev2e-sub{margin:4px 0 0;font-size:12.5px;color:var(--ev2-muted)}
.ev2e-erro{margin:0;font-size:14px;color:var(--ev2-error)}
.ev2c-wrap header h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.01em}
.ev2c-cards{display:flex;max-width:48rem;flex-direction:column;gap:20px}
.ev2c-card{background:var(--ev2-panel);border:1px solid var(--ev2-line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px}
.ev2c-card h2{margin:0;font-size:16px;font-weight:600}
.ev2c-erro{margin:0;font-size:14px;color:var(--ev2-error)}.ev2c-alerta{margin:0;font-size:14px;color:#b07a2b}
.ev2c-form{display:flex;flex-direction:column;gap:14px}
.ev2c-grade{display:grid;gap:14px}
@media (min-width:640px){.ev2c-grade{grid-template-columns:1fr 1fr}.ev2c-full{grid-column:1/-1}}
.ev2c-form label{display:block;font-size:13px;font-weight:500;color:var(--ev2-muted);margin-bottom:4px}
.ev2c-form input:not([type=file]){width:100%;height:38px;border:1px solid var(--ev2-line);border-radius:8px;padding:0 10px;font:inherit;font-size:14px;color:var(--ev2-ink);background:var(--ev2-panel)}
.ev2c-form input:focus{outline:2px solid var(--ev2-accent-soft);border-color:var(--ev2-accent)}
.ev2c-link{align-self:flex-start;background:none;border:0;padding:0;font-size:12px;color:var(--ev2-accent);text-decoration:underline;text-underline-offset:4px}
.ev2c-servidor{border:1px solid var(--ev2-line);border-radius:8px;padding:14px}
.ev2c-servidor[hidden]{display:none}
.ev2c-acoes{display:flex;justify-content:flex-end}
.ev2c-assinatura{border-top:1px solid var(--ev2-line);padding-top:16px;display:flex;flex-direction:column;gap:10px}
.ev2c-assinatura h3{margin:0;font-size:14px;font-weight:600}
.ev2c-img-assinatura{max-height:160px;width:auto;max-width:100%;border-radius:8px;border:1px solid var(--ev2-line);background:#fff}
.ev2c-tracejado{margin:0;border:1px dashed var(--ev2-line);border-radius:8px;padding:14px;font-size:14px;color:var(--ev2-muted)}
.ev2c-acoes-l{display:flex;gap:8px;flex-wrap:wrap}
.ev2c-remover{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ev2-line);padding-top:16px}
.ev2c-remover p{max-width:28rem;margin:0}
.ev2c-outline{border:1px solid var(--ev2-line);border-radius:8px;background:var(--ev2-panel);padding:7px 12px;font-size:13px;font-weight:500;color:var(--ev2-ink)}
.ev2c-outline:hover{background:var(--ev2-elev)}
.ev2c-lista{margin:0;padding:0;list-style:none;border:1px solid var(--ev2-line);border-radius:8px}
.ev2c-lista li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;font-size:14px}
.ev2c-lista li+li{border-top:1px solid var(--ev2-line)}
.ev2c-pessoa{display:flex;flex-direction:column;gap:2px;min-width:0}
.ev2c-nome{font-weight:500}
.ev2c-regras li{flex-wrap:wrap}
.ev2c-forte{font-weight:500;color:var(--ev2-ink)}
.ev2c-regra{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}
.ev2c-regra input{width:14rem;height:34px;border:1px solid var(--ev2-line);border-radius:8px;padding:0 10px;font:inherit}
.ev2c-seg{display:inline-flex;border:1px solid var(--ev2-line);border-radius:8px;padding:2px}
.ev2c-seg button{border:0;background:none;border-radius:6px;padding:4px 10px;font-size:12px;color:var(--ev2-muted)}
.ev2c-seg button.on{background:var(--ev2-accent-soft);font-weight:500;color:var(--ev2-accent-ink)}
.ev2c-select{width:12rem;height:34px;border:1px solid var(--ev2-line);border-radius:8px;background:var(--ev2-panel);padding:0 10px;text-align:left;font-size:13px;color:var(--ev2-ink)}
.ev2c-modal{max-width:42rem;max-height:90dvh;overflow-y:auto}
.ev2c-modal-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}

/* botão Atualizar a caixa (08/10/2026) */
.ev2-atualizar{display:inline-flex;width:36px;height:36px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line,#e4e8e6);background:var(--panel,#fff);color:var(--ink-3,#8a9893);cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.ev2-atualizar svg{width:16px;height:16px}
.ev2-atualizar:hover{border-color:var(--ev2-accent);color:var(--ev2-accent-ink);background:var(--ev2-accent-soft)}
.ev2-atualizar:disabled{cursor:default}
.ev2-atualizar.ev2-girando svg{animation:ev2-gira .9s linear infinite;color:var(--ev2-accent)}
@keyframes ev2-gira{to{transform:rotate(360deg)}}

/* ===== Painel de pastas (21/10/2026) — coluna (app ≥ 1080 px), popover (abas) e folha (celular) =====
   Especificação: scratchpad/email-pastas-spec.md. Só tokens do portal-2026.css (o escuro sai de graça);
   verde só como acento (ativa, contador, foco, alvo do arraste); lima não entra. */
#emailV2App.ev2-com-pastas{grid-template-columns:212px 340px minmax(0,1fr)}
@media (min-width:1280px){#emailV2App.ev2-com-pastas{grid-template-columns:212px 368px minmax(0,1fr)}}
#emailV2App.ev2-com-pastas.ev2-largo{grid-template-columns:212px 380px minmax(0,1fr)}
#emailV2App.ev2-com-pastas .ev2-abas{display:none}
#emailV2App.ev2-com-pastas .ev2-cab-l1{padding-bottom:12px}
#emailV2App .ev2-mostrar-pastas{display:none;width:36px;height:36px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink-3);transition:border-color .15s,color .15s,background .15s}
.ev2-mostrar-pastas svg{width:17px;height:17px}
#emailV2App .ev2-mostrar-pastas:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}
#emailV2App.ev2-cabe-pastas:not(.ev2-com-pastas) .ev2-mostrar-pastas{display:inline-flex}
.ev2-pastas{display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--bg-2);border-right:1px solid var(--line)}
.ev2-p-fixas{flex:none;padding:8px 0 0}
.ev2-p-grupo{flex:none;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:14px 12px 4px 16px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.ev2-p-grupo span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-add{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:var(--ink-2)}
.ev2-p-add svg{width:15px;height:15px}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-add:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}
.ev2-p-rola{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 0 8px;scrollbar-width:thin}
.ev2-p-rodape{flex:none;display:flex;align-items:center;border-top:1px solid var(--line);padding:2px 6px;min-height:29px}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-recolher{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:6px;font-size:12px;color:var(--ink-2)}
.ev2-p-recolher svg{width:14px;height:14px}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-recolher:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}
/* a linha de pasta (o componente) */
.ev2-p-linha{position:relative;display:flex;align-items:center;height:32px;margin:0 6px;border-radius:8px;color:var(--ink-2);transition:background .12s,box-shadow .12s,opacity .12s}
/* hover visível sobre o --bg-2 da coluna (o --hover dava ~1,03:1 no claro) */
.ev2-p-linha:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-ir{flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:6px;padding:0 6px 0 calc(10px + 14px * var(--n,0));border-radius:8px;font-size:13px;font-weight:500;line-height:1.2;text-align:left;color:inherit;cursor:pointer}
span.ev2-p-ir{cursor:default}
.ev2-p-seta{flex:none;width:12px;height:12px;display:grid;place-items:center;color:var(--ink-3);border-radius:3px}
.ev2-p-seta[data-ev2]{position:relative;cursor:pointer}
/* área de toque maior que o desenho de 12 px: 24 px no computador, 40 px na folha do celular */
.ev2-p-seta[data-ev2]::before{content:"";position:absolute;inset:-6px}
.ev2-folha .ev2-p-seta[data-ev2]::before{inset:-14px}
.ev2-p-seta[data-ev2]:hover{color:var(--ink)}
.ev2-p-seta svg{width:12px;height:12px;transition:transform .16s}
.ev2-p-linha[aria-expanded="true"] .ev2-p-seta svg{transform:rotate(90deg)}
.ev2-p-ico{flex:none;width:16px;height:16px;color:var(--ink-3)}
.ev2-p-nome{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev2-p-nome mark{background:var(--accent-soft);color:inherit;border-radius:3px;padding:0 1px}
.ev2-p-n{flex:none;margin-left:auto;padding-left:4px;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent-ink)}
.ev2-p-neutro .ev2-p-n{color:var(--ink-2);font-weight:500}
.ev2-p-ativa,.ev2-p-ativa:hover{background:var(--accent-soft);color:var(--accent-ink)}
/* pasta recém-criada: destaque curto no lugar do aviso (criar várias em seguida sem 20 avisos) */
.ev2-p-nova{animation:ev2-p-nova 2.4s ease-out}
@keyframes ev2-p-nova{0%,40%{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}100%{background:transparent;box-shadow:inset 0 0 0 1px transparent}}
.ev2-p-nova .ev2-p-estado{color:var(--accent-ink);font-weight:600}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-ativa .ev2-p-ir{font-weight:600}
.ev2-p-ativa .ev2-p-ico{color:var(--accent)}
.ev2-p-virtual .ev2-p-nome{color:var(--ink-3)}
#emailV2App .ev2-p-ir:focus-visible,.ev2-pastas-pop .ev2-p-ir:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-mais{flex:none;width:24px;height:24px;margin-right:4px;display:grid;place-items:center;border-radius:6px;color:var(--ink-3);opacity:0;transition:opacity .12s}
.ev2-p-mais svg{width:14px;height:14px}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-linha:hover .ev2-p-mais,:is(#emailV2App,.ev2-pastas-pop) .ev2-p-linha:focus-within .ev2-p-mais,:is(#emailV2App,.ev2-pastas-pop) .ev2-p-ativa .ev2-p-mais,:is(#emailV2App,.ev2-pastas-pop) .ev2-p-mais[aria-expanded="true"]{opacity:1}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-mais:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}
.ev2-p-mais:disabled{cursor:default}
@media (hover:none){:is(#emailV2App,.ev2-pastas-pop) .ev2-p-mais{opacity:1}}
/* filtro */
.ev2-p-filtro{position:relative;flex:none;margin:4px 8px 6px}
.ev2-p-filtro svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--ink-3);pointer-events:none}
.ev2-p-filtro input{display:block;width:100%;height:32px;border-radius:var(--r-pill);background:var(--search);border:1px solid var(--line);padding:0 10px 0 30px;font:inherit;font-size:13px;color:var(--ink)}
.ev2-p-filtro input::placeholder{color:var(--ink-3)}
.ev2-p-filtro input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
/* criar / renomear inline */
.ev2-p-edit,.ev2-p-edit:hover{gap:6px;padding:0 6px 0 calc(10px + 14px * var(--n,0));background:none}
.ev2-p-campo{flex:1;min-width:0;height:28px;border-radius:6px;border:1px solid var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important;background:var(--input);padding:0 8px;font:inherit;font-size:13px;color:var(--ink);outline:none!important}
.ev2-p-campo[aria-invalid="true"]{border-color:var(--red)!important;box-shadow:0 0 0 3px var(--red-soft)!important}
.ev2-p-dica{margin:2px 8px 4px;padding-left:calc(34px + 14px * var(--n,0));font-size:11.5px;line-height:1.35;color:var(--red)}
.ev2-p-dica[hidden]{display:none}
.ev2-p-dica.ev2-p-ok{color:var(--accent-ink);font-weight:500}
.ev2-p-salvando,.ev2-p-salvando:hover{background:none;color:var(--ink-3)}
.ev2-p-estado{flex:none;margin-left:auto;font-size:11.5px;color:var(--ink-3)}
.ev2-p-ocupada .ev2-p-ir{color:var(--ink-3)}
/* anel cônico verde (o "carregando" da casa) */
.ev2-anel{flex:none;display:inline-block;width:14px;height:14px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 12%,var(--accent) 88%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2.5px));animation:ev2-gira .8s linear infinite}
/* apagar: confirmação inline */
.ev2-p-confirma{margin:2px 6px 6px;padding:8px 10px;border-radius:8px;background:var(--red-soft);border:1px solid var(--red-line);font-size:12px;line-height:1.4;color:var(--ink)}
.ev2-p-confirma p{margin:0 0 8px}
.ev2-p-confirma .ev2-p-confirma-erro{color:var(--red);font-weight:500}
.ev2-p-pe{display:flex;justify-content:flex-end;gap:6px}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-pe button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:7px;font-size:12px;font-weight:600}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-pe .ev2-ghost{color:var(--ink-2)}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-pe .ev2-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 8%,transparent)}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-pe .ev2-p-apagar{background:var(--red);color:var(--on-accent)}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-pe .ev2-p-apagar:hover:not(:disabled){background:color-mix(in srgb,var(--red) 86%,var(--ink))}
.ev2-p-pe .ev2-p-apagar .ev2-anel{background:conic-gradient(from 0deg,transparent 0 12%,currentColor 88%)}
:root[data-theme="dark"] :is(#emailV2App,.ev2-pastas-pop) .ev2-p-pe .ev2-p-apagar{color:var(--bg)}
.ev2-p-pe button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
/* apagar/mover mais de 100 de uma vez: a barra do lote vira a pergunta (revisão de 22/10/2026); mover não é perigo */
.ev2-p-confirma.ev2-lote-confirma{margin:6px 12px}
.ev2-p-confirma.ev2-lote-mover{background:var(--ev2-accent-50);border-color:var(--ev2-line)}
/* mensagens, ação-linha, esqueleto */
.ev2-p-msg{margin:0;padding:6px 16px;font-size:12px;line-height:1.4;color:var(--ink-3)}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-acao{display:flex;align-items:center;gap:6px;width:calc(100% - 12px);height:32px;margin:0 6px;padding:0 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--accent-ink);text-align:left}
.ev2-p-acao svg{flex:none;width:15px;height:15px}
.ev2-p-acao span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#emailV2App,.ev2-pastas-pop) .ev2-p-acao:hover{background:var(--hover)}
.ev2-p-acao:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ev2-p-esqueleto{display:flex;flex-direction:column;gap:14px;padding:10px 16px}
.ev2-p-esqueleto i{display:block;height:12px;border-radius:6px;background:var(--line-soft);animation:ev2pulse 1.4s ease-in-out infinite}
.ev2-p-esqueleto i:nth-child(1){width:70%}.ev2-p-esqueleto i:nth-child(2){width:55%}.ev2-p-esqueleto i:nth-child(3){width:80%}.ev2-p-esqueleto i:nth-child(4){width:45%}.ev2-p-esqueleto i:nth-child(5){width:62%}
/* arrastar e-mails para uma pasta */
.ev2-item[draggable="true"]{-webkit-user-drag:element}
.ev2-arrastando .ev2-item.ev2-arrastado{opacity:.5}
.ev2-arrastando .ev2-pastas .ev2-p-linha:not([data-alvo]){opacity:.45}
.ev2-arrastando .ev2-pastas .ev2-p-linha.ev2-p-virtual{opacity:.7}
.ev2-pastas .ev2-p-linha.ev2-p-alvo{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--accent)}
.ev2-arraste-pilula{position:fixed;top:-200px;left:-200px;z-index:-1;display:inline-block;padding:4px 10px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font:600 13px/1.3 var(--font-body,inherit);white-space:nowrap}
/* popover de pastas e "Mover para" (no body: fundo sólido, nunca og-glass nem backdrop-filter) */
.ev2-pastas-pop{position:fixed;z-index:9500;width:280px;max-height:min(70dvh,480px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:4px 0;font-size:13px;color:var(--ink);overflow:hidden}
.ev2-pastas-pop:focus{outline:none}
.ev2-pp-topo{flex:none;padding-top:2px}
.ev2-pp-rola{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 0 4px;scrollbar-width:thin}
.ev2-pastas-pop .ev2-p-linha{margin:0 4px}
.ev2-pastas-pop .ev2-p-grupo{padding:10px 12px 4px 14px}
.ev2-pastas-pop .ev2-pp-rot{padding-top:8px}
:is(#emailV2App,.ev2-pastas-pop).ev2-pastas-pop .ev2-p-acao{width:calc(100% - 8px);margin:0 4px}
.ev2-pastas-pop hr{border:0;border-top:1px solid var(--line-soft);margin:4px 8px}
/* folha de baixo (celular) */
.ev2-folha-fundo{position:fixed;inset:0;z-index:9500;display:flex;align-items:flex-end;background:rgba(23,34,30,.42)}
.ev2-pastas-pop.ev2-folha{position:relative;inset:auto;width:100%;max-height:80dvh;border-radius:16px 16px 0 0;border-bottom:0;padding:0 0 max(8px,env(safe-area-inset-bottom));box-shadow:0 -10px 30px -14px rgba(0,0,0,.35)}
/* alça: desenho de 36×4 px, área de arrastar de 100% × 20 px (puxar para baixo fecha a folha) */
.ev2-folha-alca{flex:none;position:relative;height:20px;touch-action:none;cursor:grab}
.ev2-folha-alca::before{content:"";position:absolute;left:50%;top:8px;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--line-2)}
.ev2-pastas-pop.ev2-folha.ev2-folha-puxando{transition:none}
.ev2-pastas-pop.ev2-folha{transition:transform .18s ease-out}
.ev2-folha .ev2-p-linha{height:44px}
:is(#emailV2App,.ev2-pastas-pop).ev2-folha .ev2-p-ir{font-size:14px}
:is(#emailV2App,.ev2-pastas-pop).ev2-folha .ev2-p-acao{height:44px}
.ev2-folha .ev2-p-filtro input{height:40px;font-size:15px}
:is(#emailV2App,.ev2-pastas-pop).ev2-folha .ev2-p-mais{width:36px;height:36px;opacity:1}

/* ===== Várias caixas por pessoa e caixa compartilhada (22/10/2026) — scratchpad/email-caixas-spec.md §6 =====
   Só tokens do portal-2026.css (o escuro sai sozinho); verde só como acento; lima não entra. */
/* botão da caixa aberta: topo da coluna de pastas e primeira linha da folha do celular */
:is(#emailV2App,.ev2-pastas-pop) .ev2-cx{flex:none;display:flex;align-items:center;gap:8px;width:calc(100% - 12px);height:44px;margin:8px 6px 4px;padding:0 8px 0 10px;border-radius:10px;background:var(--panel);border:1px solid var(--line);text-align:left;color:var(--ink);cursor:pointer;transition:background .12s,border-color .12s}
:is(#emailV2App,.ev2-pastas-pop) .ev2-cx:hover{background:var(--hover)}
:is(#emailV2App,.ev2-pastas-pop) .ev2-cx:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:10px}
:is(#emailV2App,.ev2-pastas-pop) .ev2-cx[aria-expanded="true"]{border-color:var(--accent)}
.ev2-cx-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ev2-cx-l1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:var(--ink);line-height:1.25}
.ev2-cx-dom{color:var(--ink-2);font-weight:500}
.ev2-cx-sub{min-width:0;display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap;font-size:11.5px;color:var(--ink-2);line-height:1.25}
.ev2-cx-sub > span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ev2-cx-erro{display:inline-flex;align-items:center;gap:4px;color:var(--red);font-weight:600}
.ev2-cx-ico{flex:none;width:12px;height:12px}
.ev2-cx-sinc{display:inline-flex;align-items:center;gap:5px;min-width:0}
.ev2-cx-sinc .ev2-anel{width:11px;height:11px}
.ev2-cx-outras{flex:none;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent-ink)}
.ev2-cx-seta{flex:none;width:14px;height:14px;color:var(--ink-3);transition:transform .16s}
[aria-expanded="true"] > .ev2-cx-seta{transform:rotate(180deg)}
.ev2-pp-cx{flex:none}
.ev2-pp-cx .ev2-cx{margin:2px 8px 6px;width:calc(100% - 16px)}
/* selo "Compartilhada": texto, nunca só cor */
.ev2-selo{display:inline-flex;align-items:center;height:17px;padding:0 6px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);font-size:10.5px;font-weight:600;line-height:1;color:var(--ink-2);white-space:nowrap}
/* o rodapé da lista como botão (modo abas e celular) */
:is(#emailV2App) button.ev2-rodape{display:flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer;color:var(--ink-2);background:var(--panel);transition:background .12s}
:is(#emailV2App) button.ev2-rodape:hover{background:var(--hover)}
:is(#emailV2App) button.ev2-rodape:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:0}
button.ev2-rodape .ev2-cx-l1{flex:1;font-size:12px}
button.ev2-rodape .ev2-cx-sub{flex:none}
/* é o caminho para trocar de caixa: cara de botão no notebook estreito e alvo de toque de 44 px no celular */
:is(#emailV2App) button.ev2-rodape{min-height:36px;padding:6px 12px 6px 16px;background:var(--bg-2)}
:is(#emailV2App) button.ev2-rodape .ev2-cx-seta{color:var(--ink-2)}
#emailV2App.ev2-celular button.ev2-rodape{min-height:44px;padding:8px 16px}
/* linha de duas linhas (44 px) no popover e na folha "Caixas" */
.ev2-p-linha.ev2-p-linha2{height:44px}
.ev2-folha .ev2-p-linha.ev2-p-linha2{height:52px}
.ev2-p-txt2{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ev2-p-txt2 .ev2-p-nome{flex:none;color:var(--ink);font-weight:600}
.ev2-p-ativa .ev2-p-txt2 .ev2-p-nome{color:var(--accent-ink)}
.ev2-p-sub{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;white-space:nowrap;font-size:11.5px;font-weight:500;color:var(--ink-2)}
.ev2-p-ativa .ev2-p-sub{color:var(--ink-2)}
.ev2-pp-pe{flex:none;border-top:1px solid var(--line-soft);padding:4px 0 2px}
/* primeira carga da caixa: anel no lugar de "Nenhum e-mail na entrada ainda." */
.ev2-trazendo{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;text-align:center}
.ev2-anel.ev2-anel-g{width:32px;height:32px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px))}
.ev2-trazendo-t{margin:4px 0 0;font-size:14px;font-weight:600;color:var(--ink)}
.ev2-trazendo-d{margin:0;max-width:22rem;font-size:12.5px;line-height:1.45;color:var(--ink-2)}
.ev2-sem-acesso{display:flex;flex-direction:column;align-items:center;gap:10px}
.ev2-sem-acesso p{margin:0;max-width:24rem;color:var(--ink)}
/* Escrever: "De" escolhível (e-mail novo com 2 caixas ou mais) */
:where(.ev2-escrever-raiz) .ev2e-de-btn{display:inline-flex;justify-self:start;align-items:center;gap:6px;max-width:100%;min-width:0;height:28px;padding:0 8px;margin-left:-6px;border-radius:7px;border:1px solid transparent;color:var(--ink);cursor:pointer}
.ev2-escrever-raiz .ev2e-de-btn:hover{background:var(--hover);border-color:var(--line)}
.ev2-escrever-raiz .ev2e-de-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.ev2e-de-btn svg{flex:none;width:13px;height:13px;color:var(--ink-3)}
.ev2e-de-btn[aria-expanded="true"]{border-color:var(--accent)}
.ev2-menu.ev2e-menu-de{max-width:min(420px,92vw)}
.ev2-menu.ev2e-menu-de button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 10px}
.ev2-menu.ev2e-menu-de button[aria-checked="true"]{background:var(--accent-soft);color:var(--accent-ink)}
.ev2-menu.ev2e-menu-de button:disabled{cursor:default;color:var(--ink-3)}
.ev2-menu.ev2e-menu-de button:disabled:hover{background:none}
.ev2e-de-l1{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}
.ev2e-de-l2{font-size:11.5px;color:var(--ink-2)}
.ev2e-de-erro{color:var(--red);font-weight:600}
/* Configuração: linhas de caixa com sanfona, estado, acessos */
.ev2c-cxs > li{display:block;padding:0}
.ev2c-linha{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}
.ev2c-end{font-weight:600;overflow-wrap:anywhere}
.ev2c-dir{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}
.ev2c-estado{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}
.ev2c-estado.ev2c-estado-prog{flex-direction:column;align-items:flex-end;gap:4px}
.ev2c-estado-l{display:inline-flex;align-items:center;gap:6px}
.ev2c-estado .ev2-anel{width:12px;height:12px}
.ev2c-estado-erro{color:var(--red);font-weight:600}
.ev2c-ico{width:14px;height:14px;flex:none}
.ev2c-prog{display:block;width:140px;height:3px;border-radius:2px;background:var(--line);overflow:hidden}
.ev2c-prog i{display:block;height:100%;background:var(--accent);border-radius:2px}
.ev2c-expande{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);padding:12px}
.ev2c-nova{border:1px solid var(--line);border-radius:8px}
.ev2c-bloco{display:flex;flex-direction:column;gap:8px}
.ev2c-bloco h3{margin:0;font-size:13px;font-weight:600;color:var(--ink)}
.ev2c-bloco + .ev2c-bloco{border-top:1px solid var(--line-soft);padding-top:12px}
.ev2c-acessos .ev2c-lista li{padding:6px 10px}
.ev2c-combo input,.ev2c-form .ev2c-combo input{width:100%;max-width:22rem;height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font:inherit;font-size:13px;color:var(--ink);background:var(--input)}
.ev2c-combo input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}
.ev2c-acoes{gap:8px}
.ev2c-erro-form[hidden]{display:none}
.ev2c-confirma{margin:0}
.ev2c-filtro{margin:0;max-width:22rem}
.ev2c-regras-de{display:flex;align-items:center;gap:8px}
.ev2c-select.ev2c-select-cx{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;width:auto;min-width:9rem;cursor:pointer}
.ev2c-select-cx svg{width:13px;height:13px;color:var(--ink-3)}
.ev2c-select-cx:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
/* sugestões de pessoa (portadas para o body) */
.ev2-menu.ev2c-sug{max-height:320px}
.ev2-menu.ev2c-sug button{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.ev2-menu.ev2c-sug button.ev2c-dest{background:var(--accent-soft);color:var(--accent-ink)}
.ev2c-sug-n{font-size:13px;font-weight:500}
.ev2c-sug-e{font-size:11.5px;color:var(--ink-2)}
@media (max-width:640px){.ev2c-linha{flex-wrap:wrap}.ev2c-dir{width:100%;justify-content:flex-start}.ev2c-estado.ev2c-estado-prog{align-items:flex-start}}