/* caixa-gmail.css · 28/10/2026 · rodada Gmail (CVO: "MUITO aquém do mínimo aceitável").
   Carrega DEPOIS de caixa-clara.css. Só visual: nenhum botão de gestão sai (vão para o menu ⋮ no celular). */
html body #ces-mailapp .ispm-rav{display:none}
html body #ces-mailapp .ispm-row.unread .ispm-de::before{content:none!important;display:none!important}
html body #ces-mailapp .ispm-kebab .ki-cel{display:none}
/* lida x não lida como no Gmail: não lida em branco e negrito; lida em fundo levemente acinzentado */
html body #ces-mailapp .ispm-row:not(.unread):not(.sel){background:#F6F4EF!important}
html body #ces-mailapp .ispm-row.unread:not(.sel){background:#FFFFFF!important}
/* escrever: o texto direto na folha, sem cartão dentro do cartão */
html body #ces-mailapp .ispm-cm-body,html body #ces-mailapp #ispm-body{border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important;background:#FFFFFF!important;padding:18px 22px!important}
html body #ces-mailapp .ispm-cm-f input::placeholder{color:#6B7080}

@media(max-width:640px){
  /* topo: pastas, busca e menu ⋮ (atualizar, configurações e sugestão moram no menu) */
  html body #ces-mailapp .ispm-top>.ispm-refresh,html body #ces-mailapp .ispm-top>.ispm-top-act{display:none!important}
  html body #ces-mailapp .ispm-kebab .ki-cel{display:flex}
  html body #ces-mailapp .ispm-cats .ispm-cat{font-size:.8rem!important}
  /* lista em cartão: avatar | remetente · hora / assunto / prévia · estrela */
  html body #ces-mailapp .ispm-row{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto auto;grid-template-areas:"av de cl wh" "av ct ct st";column-gap:12px;row-gap:1px;height:auto!important;min-height:0!important;padding:12px 14px 12px 16px!important;align-items:center}
  html body #ces-mailapp .ispm-row .ispm-ck,html body #ces-mailapp .ispm-row .ispm-dash,html body #ces-mailapp .ispm-row .ispm-rowacts{display:none!important}
  html body #ces-mailapp .ispm-rav{display:flex;grid-area:av;align-self:start;margin-top:2px;width:40px;height:40px;border-radius:50%;background:hsl(var(--h,210) 34% 32%);color:#fff;font:600 1.02rem/1 inherit;align-items:center;justify-content:center;cursor:pointer;user-select:none}
  html body #ces-mailapp .ispm-row.mk{background:#E9EEF6!important}
  html body #ces-mailapp .ispm-row.mk .ispm-rav{background:#1B3A5C;font-size:0}
  html body #ces-mailapp .ispm-row.mk .ispm-rav::after{content:"✓";font-size:1.15rem;color:#fff}
  html body #ces-mailapp .ispm-row .ispm-de{grid-area:de;width:auto!important;min-width:0;font-size:.95rem!important}
  html body #ces-mailapp .ispm-row .ispm-clip{grid-area:cl}
  html body #ces-mailapp .ispm-row .ispm-when,html body #ces-mailapp .ispm-row:hover .ispm-when{grid-area:wh;display:block!important;width:auto!important;font-size:.74rem!important}
  html body #ces-mailapp .ispm-row .ispm-cont{grid-area:ct;min-width:0;white-space:normal!important;overflow:hidden}
  html body #ces-mailapp .ispm-row .ispm-cont b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem!important}
  html body #ces-mailapp .ispm-row .ispm-prev{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82rem!important;color:#5F6472!important;margin-top:1px}
  html body #ces-mailapp .ispm-row .ispm-star{grid-area:st;align-self:center;width:26px;font-size:1.2rem;opacity:.75!important;color:#5B6270}
  html body #ces-mailapp .ispm-row .ispm-star.on{opacity:1!important;color:var(--gold)}
  html body #ces-mailapp .ispm-row:hover{box-shadow:none!important}
  /* leitura: assunto em escala de leitura */
  html body #ces-mailapp .ispm-read-assunto{font-size:1.32rem!important;line-height:1.28!important}
  /* escrever: tela inteira; barra de envio nunca sob o speed-dial (#ces-dial) */
  html body #ces-mailapp .ispm-compose-modal,html body #ces-mailapp .ispm-compose-modal.exp{position:fixed!important;inset:0!important;width:auto!important;height:auto!important;border-radius:0!important;border:0!important;z-index:2147480000}
  html body #ces-mailapp .ispm-cm-head{border-radius:0!important}
  html body #ces-mailapp .ispm-cm-foot{padding-right:88px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}
  html body #ces-mailapp .ispm-cm-body,html body #ces-mailapp #ispm-body{padding:14px 16px!important}
}
@media(max-width:640px){html body #ces-mailapp .ispm-cats{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}html body #ces-mailapp .ispm-cats::-webkit-scrollbar{display:none}html body #ces-mailapp .ispm-cats .ispm-cat{flex:none;white-space:nowrap}}

/* 28/10 rodada Gmail 2: setas anterior/seguinte na leitura; no celular o cabecalho sobe com o texto e so a barra fica */
html body #ces-mailapp .ispm-nav{display:inline-flex;align-items:center;gap:2px;margin-right:4px}
html body #ces-mailapp .ispm-nav-n{font-size:12px;color:#5f6368;margin-right:4px;white-space:nowrap}
html body #ces-mailapp .ispm-nav-b{font-size:22px!important;line-height:1!important;width:32px;height:32px;padding:0!important}
html body #ces-mailapp .ispm-nav-b[disabled]{opacity:.3;cursor:default;pointer-events:none}
@media(max-width:640px){
  html body #ces-mailapp .ispm-nav-n{display:none}
  html body #ces-mailapp .ispm-read{overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  html body #ces-mailapp .ispm-read-body{overflow:visible!important;flex:none!important;min-height:auto!important}
  html body #ces-mailapp .ispm-read-bar{position:sticky!important;top:0;z-index:3}
}

/* 28/10 rodada Gmail 2: compositor -- fonte do tamanho do texto, janela de link, lixeira a direita */
html body #ces-mailapp .ispm-tb-font,html body #ispm-cm .ispm-tb-font{width:auto!important;min-width:0!important;max-width:120px!important;flex:none!important}
html body #ispm-cm .ispm-tb-link{display:inline-flex;align-items:center;justify-content:center}
html body #ispm-cm .ispm-cm-trash{margin-left:auto!important}
html body #ispm-cm .ispm-linkpop{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:10px 16px;background:#fff;border-bottom:1px solid #e3e7f0;box-shadow:0 4px 14px rgba(27,42,92,.08)}
html body #ispm-cm .ispm-linkpop label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#5f6368;flex:1 1 200px}
html body #ispm-cm .ispm-linkpop input{font:inherit;font-size:14px;color:#202124;padding:7px 10px;border:1px solid #c7cdd8;border-radius:6px;background:#fff}
html body #ispm-cm .ispm-linkpop input:focus{outline:2px solid #1b2a5c;outline-offset:-1px;border-color:#1b2a5c}
html body #ispm-cm .ispm-linkpop input[aria-invalid=true]{border-color:#c5221f}
html body #ispm-cm .ispm-linkpop .bt{display:flex;gap:8px}
html body #ispm-cm .ispm-linkpop .bt button{font:inherit;font-size:13px;padding:7px 14px;border-radius:18px;border:1px solid #c7cdd8;background:#fff;color:#1b2a5c;cursor:pointer}
html body #ispm-cm .ispm-linkpop .bt .ok{background:#1b2a5c;border-color:#1b2a5c;color:#fff}
html body #ispm-cm .ispm-rich a{color:#1a56c4;text-decoration:underline}

/* 28/10/2026: QR de login: no celular o botao "Celular" nao faz sentido (o QR e para outro aparelho ler) */
@media (max-width:640px){.ces-m-qr{display:none!important}}

/* 29/10/2026 busca menor + menu Gestão de Obra ao lado (CVO); paginador dentro do cartão da lista (C&S desalinhada) */
html body #ces-mailapp #ispm-topbar{container-type:inline-size}
html body #ces-mailapp .ispm-top>.ispm-search-wrap{flex:0 1 600px!important;min-width:180px;box-sizing:border-box}
html body #ces-mailapp .ispm-top>.ispm-top-sp{flex:1 1 0;min-width:0}
html body #ces-mailapp .ispm-top .ispm-search{min-width:0;width:0}
html body #ces-mailapp .ispm-obra-wrap{position:relative;flex:none}
html body #ces-mailapp .ispm-obra-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px 0 12px;border-radius:20px;border:1px solid rgba(196,163,90,.45);background:rgba(196,163,90,.10);color:var(--txt);font:600 .78rem/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
html body #ces-mailapp .ispm-obra-btn:hover,html body #ces-mailapp .ispm-obra-wrap.open .ispm-obra-btn{background:rgba(196,163,90,.2);border-color:rgba(196,163,90,.75)}
html body #ces-mailapp .ispm-obra-btn .ispm-i:last-child{transition:transform .18s}
html body #ces-mailapp .ispm-obra-wrap.open .ispm-obra-btn .ispm-i:last-child{transform:rotate(180deg)}
html.tema-foto body #ces-mailapp .ispm-top .ispm-obra-btn{background:rgba(20,24,30,.42)!important;border:1px solid rgba(228,199,126,.6)!important;color:#fff!important}
html.tema-foto body #ces-mailapp .ispm-top .ispm-obra-btn:hover,html.tema-foto body #ces-mailapp .ispm-top .ispm-obra-wrap.open .ispm-obra-btn{background:rgba(20,24,30,.62)!important;border-color:#E4C77E!important}
html body #ces-mailapp .ispm-obra-menu{display:none;position:absolute;top:100%;left:0;z-index:60;min-width:268px;padding:6px;margin-top:6px;background:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.22),0 1px 3px rgba(0,0,0,.12);color:#1f1f1f}
html body #ces-mailapp .ispm-obra-menu::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
@media (hover:hover) and (pointer:fine){html body #ces-mailapp .ispm-obra-wrap:not(.calado):hover .ispm-obra-menu{display:block}}
html body #ces-mailapp .ispm-obra-wrap.open .ispm-obra-menu{display:block}
html body #ces-mailapp .ispm-obra-menu .om-it{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:0;background:transparent;border-radius:10px;cursor:pointer;text-align:left;color:#1f1f1f;font:500 .82rem/1.25 Inter,system-ui,sans-serif}
html body #ces-mailapp .ispm-obra-menu .om-it:hover,html body #ces-mailapp .ispm-obra-menu .om-it:focus-visible{background:var(--casa-soft,#F1ECE2);outline:none}
html body #ces-mailapp .ispm-obra-menu .om-it .fi{font-size:1.02rem;width:22px;text-align:center;flex:none}
html body #ces-mailapp .ispm-obra-menu .om-it .tx{display:flex;flex-direction:column;min-width:0}
html body #ces-mailapp .ispm-obra-menu .om-it small{font-size:.68rem;color:#5f6368;font-weight:400;margin-top:2px}
html body #ces-mailapp .ispm-obra-menu .om-av{background:rgba(76,175,80,.09);margin-bottom:4px}
html body #ces-mailapp .ispm-obra-menu .om-hi .tx{font-weight:600}
html body #ces-mailapp .ispm-obra-menu .om-sep{font:700 .58rem/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8a6d2f;padding:12px 12px 6px;border-top:1px solid rgba(0,0,0,.07);margin-top:4px}
html body #ces-mailapp .ispm-obra-btn .lb2{display:none}
@container (max-width:700px){html body #ces-mailapp .ispm-obra-btn .lb{display:none}html body #ces-mailapp .ispm-obra-btn .lb2{display:inline}html body #ces-mailapp .ispm-obra-btn{padding:0 10px 0 11px;gap:6px}}
@media (min-width:641px){html body #ces-mailapp .ispm-obra-lat{display:none!important}}
@media (max-width:640px){html body #ces-mailapp .ispm-obra-wrap{display:none!important}}
html.tema-foto body #ces-mailapp #ispm-pager:not(:empty){background:rgba(255,255,255,.62);border-radius:0 0 16px 16px}
html.tema-foto body #ces-mailapp #ispm-pager .ispm-pager{border-top:1px solid rgba(0,0,0,.07);color:#5f6368;padding:4px 14px}
html.tema-foto body #ces-mailapp #ispm-pager .ispm-pager button{color:#3c4043}
html.tema-foto body #ces-mailapp .ispm-list-body:has(+#ispm-pager:not(:empty)){border-radius:0!important}
/* 28/10/2026 identidade da casa dentro da caixa (so casa com ident no _TC_MAP: [data-ident]): logotipo do login na lateral, estado vazio sem emoji */
html body #ces-mailapp[data-ident="1"] .ispm-casa-logo{height:26px!important;width:auto!important;max-width:200px!important;display:block!important;flex:none!important}
html body #ces-mailapp[data-ident="1"] .ispm-brand-nm:empty{display:none!important}
html body #ces-mailapp[data-ident="1"] .ispm-brand-top{min-height:34px;align-items:center!important}
html body #ces-mailapp .ispm-empty .ico{font-size:0!important;opacity:1!important;color:var(--gold,#8A6A2E)!important;width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--casa-soft,#F1ECE2)}
html body #ces-mailapp .ispm-empty .ico svg{stroke-width:1.3}
html body #ces-mailapp .ispm-empty .t{font-size:1.55rem!important;letter-spacing:.01em}
html body #ces-mailapp .ispm-gira{animation:ispmPulsa 1.4s ease-in-out infinite}
@keyframes ispmPulsa{50%{opacity:.45}}
/* 28/10/2026: a Cormorant desenha o circunflexo alto e solto (parecia um "^" perdido em "correspondencia").
   So os 6 caracteres com circunflexo saem da EB Garamond (OFL, arquivo local, unicode-range); o resto segue Cormorant. */
@font-face{font-family:'CircFix';src:url('fontes/circ-ebg-600.ttf') format('truetype');font-weight:400 700;font-style:normal;unicode-range:U+00C2,U+00CA,U+00D4,U+00E2,U+00EA,U+00F4}
@font-face{font-family:'CircFix';src:url('fontes/circ-ebg-500i.ttf') format('truetype');font-weight:400 700;font-style:italic;unicode-range:U+00C2,U+00CA,U+00D4,U+00E2,U+00EA,U+00F4}
:root body.ces-login #V-Login .ces-ed-h1,:root body.ces-login #V-Login .ces-ed-h1 em,:root body.ces-login #V-Login .ces-h1{font-family:'CircFix','Cormorant Garamond',Georgia,serif!important}
/* 28/10/2026 acabamento: barra de formatacao sem borda (Gmail), lampada sem circulo, hover na cor da casa */
html body #ces-mailapp[data-ident="1"] .ispm-compose-btn:hover{background:var(--navy)!important;filter:brightness(1.18)}
html body #ces-mailapp[data-ident="1"] .ispm-cm-toolbar{gap:2px!important;align-items:center!important}
html body #ces-mailapp[data-ident="1"] .ispm-cm-toolbar button,html body #ces-mailapp[data-ident="1"] .ispm-cm-toolbar .ispm-tb-color{border:none!important;background:transparent!important;min-width:32px!important;height:32px!important;padding:0 7px!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px;color:var(--t2)!important;font-size:.84rem!important}
html body #ces-mailapp[data-ident="1"] .ispm-cm-toolbar button:hover,html body #ces-mailapp[data-ident="1"] .ispm-cm-toolbar .ispm-tb-color:hover{background:var(--casa-soft,#F1ECE2)!important;color:var(--txt)!important}
html body #ces-mailapp[data-ident="1"] .ispm-cm-toolbar .ispm-tb-font{border:none!important;background:transparent!important;height:32px;color:var(--t2)}
html body #ces-mailapp[data-ident="1"] .ispm-cm-toolbar .ispm-tb-sig{border:1px solid var(--linha,#E3DCCD)!important;padding:0 12px!important}
html body #ces-mailapp[data-ident="1"] .ispm-top-sug{background:transparent!important;border:none!important}
/* icones de traco nos botoes do topo: centraliza sem mexer em display (o display:inline-flex mostrava o menu no computador) */
html body #ces-mailapp .ispm-refresh svg,html body #ces-mailapp .ispm-top-act svg,html body #ces-mailapp .ispm-menu svg{vertical-align:middle}
html body #ces-mailapp[data-ident="1"] .ispm-kebab .ki svg{flex:none;color:var(--t2)}
html body #ces-mailapp[data-ident="1"]{--sf:'CircFix','Cormorant Garamond',Georgia,serif!important}

/* 28/10/2026 tema de foto "linguagem Gmail" (CVO aprovou 28/10; opt-in por `tema` no _TC_MAP) (CVO, print do Gmail com tema de foto): foto da casa em tela cheia,
   lateral e busca sobre a foto, abas+lista num painel claro translucido. So computador; celular intacto. */
@media (min-width:901px){
html.tema-foto body #ces-mailapp .ispmroot{background:linear-gradient(90deg,rgba(6,10,16,.62) 0,rgba(6,10,16,.38) 250px,rgba(6,10,16,0) 420px),linear-gradient(rgba(6,10,16,.5) 0,rgba(6,10,16,.12) 120px,rgba(6,10,16,.18) 100%),var(--tema-foto) center/cover no-repeat!important}
html.tema-foto body #ces-mailapp .ispm-folders{background:transparent!important;border-right:none!important;box-shadow:none!important}
html.tema-foto body #ces-mailapp .ispm-folders .ispm-folder:not(.ispm-tool),html.tema-foto body #ces-mailapp .ispm-folders .ispm-folder:not(.ispm-tool) .fn,
html.tema-foto body #ces-mailapp .ispm-welcome,html.tema-foto body #ces-mailapp .ispm-welcome *,html.tema-foto body #ces-mailapp .ispm-tools-hd,html.tema-foto body #ces-mailapp .ispm-brand-nm{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
html.tema-foto body #ces-mailapp .ispm-folders .ispm-folder:not(.ispm-tool) .fi,html.tema-foto body #ces-mailapp .ispm-folders .ispm-folder:not(.ispm-tool) svg{color:#fff!important;stroke:currentColor}
html.tema-foto body #ces-mailapp .ispm-folders .ispm-folder:not(.ispm-tool):hover{background:rgba(255,255,255,.14)!important}
html.tema-foto body #ces-mailapp .ispm-folders .ispm-folder.on{background:rgba(255,255,255,.24)!important;box-shadow:none!important;border-color:transparent!important}
html.tema-foto body #ces-mailapp .ispm-folders .ispm-folder.on::before{display:none!important}
html.tema-foto body #ces-mailapp .ispm-brand img{filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.3))}
html.tema-foto body #ces-mailapp .ispm-brand{border-bottom-color:rgba(255,255,255,.22)!important}
html.tema-foto body #ces-mailapp .ispm-tools-sep{border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.22)!important}
html.tema-foto body #ces-mailapp .ispm-tool{background:rgba(255,255,255,.9)!important;}
html.tema-foto body #ces-mailapp .ispm-compose-btn{background:#fff!important;color:#1f1f1f!important;box-shadow:0 1px 3px rgba(0,0,0,.25)!important}
html.tema-foto body #ces-mailapp .ispm-compose-btn svg{color:#1f1f1f!important}
html.tema-foto body #ces-mailapp .ispm-main{background:transparent!important;padding:0 14px 14px 4px;display:flex;flex-direction:column}
html.tema-foto body #ces-mailapp .ispm-top{background:transparent!important;border-bottom:none!important}
html.tema-foto body #ces-mailapp .ispm-search-wrap{background:rgba(20,24,30,.42)!important;border:1px solid rgba(255,255,255,.22)!important;}
html.tema-foto body #ces-mailapp .ispm-search-wrap:focus-within{background:#fff!important}
html.tema-foto body #ces-mailapp .ispm-search,html.tema-foto body #ces-mailapp .ispm-search-wrap .si{color:#fff!important}
html.tema-foto body #ces-mailapp .ispm-search::placeholder{color:rgba(255,255,255,.85)!important}
html.tema-foto body #ces-mailapp .ispm-search-wrap:focus-within .ispm-search,html.tema-foto body #ces-mailapp .ispm-search-wrap:focus-within .si{color:#1f1f1f!important}
html.tema-foto body #ces-mailapp .ispm-top>button,html.tema-foto body #ces-mailapp .ispm-top .ispm-kebab-wrap>button{color:#fff!important;background:transparent!important}
html.tema-foto body #ces-mailapp .ispm-top>button:hover,html.tema-foto body #ces-mailapp .ispm-top .ispm-kebab-wrap>button:hover{background:rgba(255,255,255,.16)!important}
html.tema-foto body #ces-mailapp .ispm-top svg{color:#fff!important}
html.tema-foto body #ces-mailapp .ispm-cats{background:rgba(255,255,255,.8)!important;border-radius:16px 16px 0 0;border-bottom:1px solid rgba(0,0,0,.06)!important;padding-top:4px}
html.tema-foto body #ces-mailapp .ispm-list-body{background:rgba(255,255,255,.62)!important;}
html.tema-foto body #ces-mailapp .ispm-read{background:rgba(255,255,255,.94)!important;}
html.tema-foto body #ces-mailapp .ispm-list-body{border-radius:0 0 16px 16px;flex:1 1 auto;min-height:0}
html.tema-foto body #ces-mailapp .ispm-row{background:rgba(255,255,255,.62)!important;min-height:36px!important;height:auto!important;padding-top:0!important;padding-bottom:0!important;border-bottom:1px solid rgba(0,0,0,.05)!important}
html.tema-foto body #ces-mailapp .ispm-row.unread{background:rgba(255,255,255,.97)!important}
html.tema-foto body #ces-mailapp .ispm-row:not(.unread){background:rgba(242,245,252,.72)!important}
html.tema-foto body #ces-mailapp .ispm-row:hover{box-shadow:inset 1px 0 0 #dadce0,inset -1px 0 0 #dadce0,0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)!important;position:relative;z-index:1}
html.tema-foto body #ces-mailapp .ispm-list-body .ispm-grupo,html.tema-foto body #ces-mailapp .ispm-list-body>div:first-child:not(.ispm-row){background:transparent!important}
html.tema-foto body #ces-mailapp .ispm-empty .t,html.tema-foto body #ces-mailapp .ispm-empty .s{text-shadow:none}
}
@media (min-width:901px){html.tema-foto body #ces-mailapp .ispm-brand-nm b,html.tema-foto body #ces-mailapp .ispm-brand-nm *{color:#fff!important}}
/* leitura em cartao so no lado a lado (>=1180px, mesmo corte do mailapp.js); abaixo disso ela cobre a area inteira como antes */
@media (min-width:1180px){html.tema-foto body #ces-mailapp .ispmroot.ispm-lado .ispm-read{top:63px!important;right:14px!important;bottom:14px!important;height:auto!important;width:calc(min(60%,calc(100% - 380px)) - 26px)!important;border-radius:16px!important;box-shadow:0 2px 10px rgba(0,0,0,.25)!important;overflow:auto}}

/* 28/10/2026 (CVO: "a leitura e escrita dos e-mails precisam de expansao"): leitura lado a lado <-> painel inteiro.
   O botao so existe no lado a lado (>=1180px); abaixo disso a leitura ja cobre o painel. Escolha lembrada (localStorage). */
html body #ces-mailapp .ispm-ler-exp{display:none;align-items:center;gap:6px;border:1px solid var(--linha,#E3DCCD);background:transparent;color:var(--t2);border-radius:18px;padding:5px 12px;font:inherit;font-size:.78rem;cursor:pointer;margin-left:6px}
html body #ces-mailapp .ispm-ler-exp:hover{background:var(--casa-soft,#F1ECE2);color:var(--txt)}
html body #ces-mailapp .ispm-ler-exp span{display:inline-flex;align-items:center;gap:6px}
html body #ces-mailapp .ispm-ler-exp .ispm-le-b,html body #ces-mailapp .ispmroot.ispm-ler-cheio .ispm-ler-exp .ispm-le-a{display:none}
html body #ces-mailapp .ispmroot.ispm-ler-cheio .ispm-ler-exp .ispm-le-b{display:inline-flex}
@media (min-width:1180px){
  html body #ces-mailapp .ispmroot.ispm-lado .ispm-ler-exp{display:inline-flex}
  html body #ces-mailapp .ispmroot.ispm-lado.ispm-ler-cheio .ispm-read{left:0!important;width:auto!important}
  html.tema-foto body #ces-mailapp .ispmroot.ispm-lado.ispm-ler-cheio .ispm-read{left:4px!important;right:14px!important;width:auto!important}
}

/* 28/10/2026 VISTAS no painel (Guias, Agenda): abrem como pasta, nunca popup */
html body #ces-mailapp .ispmroot.ispm-em-vista .ispm-cats,html body #ces-mailapp .ispmroot.ispm-em-vista #ispm-pager{display:none!important}
html body #ces-mailapp .ispm-vista-hd{padding:18px 22px 10px}
html body #ces-mailapp .ispm-vista-hd h2{margin:0;font:500 1.6rem 'Cormorant Garamond',Georgia,serif;color:var(--txt)}
html body #ces-mailapp .ispm-vista-hd p{margin:4px 0 0;font-size:.82rem;color:var(--t2)}
html body #ces-mailapp .ispm-vrow{display:flex;align-items:center;gap:14px;padding:11px 22px;border-bottom:1px solid rgba(0,0,0,.06);cursor:pointer;background:rgba(255,255,255,.92);min-height:44px}
html body #ces-mailapp .ispm-vrow:hover{box-shadow:inset 1px 0 0 #dadce0,inset -1px 0 0 #dadce0,0 1px 2px 0 rgba(60,64,67,.3);position:relative;z-index:1}
html body #ces-mailapp .ispm-vrow.sel{background:var(--casa-soft,#F1ECE2)}
html body #ces-mailapp .ispm-vt{flex:0 0 260px;font-weight:600;font-size:.86rem;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #ces-mailapp .ispm-vs{flex:1 1 auto;min-width:0;font-size:.84rem;color:var(--t2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #ces-mailapp .ispm-vs b{color:var(--txt);font-weight:600}
html body #ces-mailapp .ispm-vtag{font-style:normal;margin-left:8px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold,#8A6A2E)}
html body #ces-mailapp .ispm-vbt{flex:none;border:1px solid var(--linha,#E3DCCD);border-radius:16px;padding:4px 12px;font-size:.76rem;color:var(--txt);text-decoration:none;background:#fff}
html body #ces-mailapp .ispm-vbt:hover{background:var(--casa-soft,#F1ECE2)}
html body #ces-mailapp .ispm-ag-vhd{display:block}
html body #ces-mailapp .ispm-ag-nav{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}
html body #ces-mailapp .ispm-ag-nav button{border:1px solid var(--linha,#E3DCCD);background:#fff;color:var(--txt);border-radius:16px;height:32px;min-width:32px;padding:0 10px;font:inherit;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
html body #ces-mailapp .ispm-ag-nav button.pr svg{transform:scaleX(-1)}
html body #ces-mailapp .ispm-ag-nav button.nv{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}
html body #ces-mailapp .ispm-ag-nav .rg{margin-left:6px;font-size:.9rem;font-weight:600;color:var(--txt)}
html body #ces-mailapp .ispm-ag-dia{padding:14px 22px 6px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold,#8A6A2E)}
html body #ces-mailapp .ispm-ag-dia.hoje{color:var(--navy)}
html body #ces-mailapp .ispm-ag-ev{cursor:default}
html body #ces-mailapp .ispm-ag-h{flex-basis:130px;font-weight:600}
html body #ces-mailapp .ispm-guia-read{display:flex;flex-direction:column}
html body #ces-mailapp .ispm-guia-fr{flex:1 1 auto;width:100%;border:0;min-height:0;background:#fff}
html.tema-foto body #ces-mailapp .ispmroot.ispm-em-vista .ispm-list-body{border-radius:16px}
@media (max-width:640px){html body #ces-mailapp .ispm-vrow{flex-wrap:wrap;gap:4px 10px;padding:12px 16px}html body #ces-mailapp .ispm-vt{flex:1 1 100%}html body #ces-mailapp .ispm-ag-h{flex:0 0 auto}}
html.tema-foto body #ces-mailapp .ispmroot.ispm-em-vista .ispm-list-body{background:rgba(255,255,255,.93)!important}
html body #ces-mailapp .ispm-vrow{padding:7px 22px!important;min-height:40px!important;line-height:1.35}
html body #ces-mailapp .ispm-vrow>span{display:block}

/* 29/10/2026 (CVO: "a aparência mobile também tem que seguir similar à do desktop"): o tema de foto chega ao celular.
   Mesma linguagem do computador: foto da casa ao fundo, topo e busca sobre a foto, abas+lista num cartão claro
   translúcido, gaveta de pastas como a lateral do computador, avatar na cor da casa. Só visual. */
@media (max-width:900px){
html.tema-foto body #ces-mailapp .ispmroot{background:linear-gradient(rgba(6,10,16,.58) 0,rgba(6,10,16,.22) 150px,rgba(6,10,16,.12) 100%),var(--tema-foto) center/cover no-repeat!important}
html.tema-foto body #ces-mailapp .ispm-main{background:transparent!important}
html.tema-foto body #ces-mailapp .ispm-top{background:transparent!important;border-bottom:none!important}
html.tema-foto body #ces-mailapp .ispm-search-wrap{background:rgba(20,24,30,.42)!important;border:1px solid rgba(255,255,255,.24)!important}
html.tema-foto body #ces-mailapp .ispm-search-wrap:focus-within{background:#fff!important}
html.tema-foto body #ces-mailapp .ispm-search,html.tema-foto body #ces-mailapp .ispm-search-wrap .si{color:#fff!important}
html.tema-foto body #ces-mailapp .ispm-search::placeholder{color:rgba(255,255,255,.88)!important}
html.tema-foto body #ces-mailapp .ispm-search-wrap:focus-within .ispm-search,html.tema-foto body #ces-mailapp .ispm-search-wrap:focus-within .si{color:#1f1f1f!important}
html.tema-foto body #ces-mailapp .ispm-top>button,html.tema-foto body #ces-mailapp .ispm-top .ispm-kebab-wrap>button{color:#fff!important;background:transparent!important}
html.tema-foto body #ces-mailapp .ispm-top svg{color:#fff!important}
html.tema-foto body #ces-mailapp .ispm-cats{background:rgba(255,255,255,.86)!important;border-radius:16px 16px 0 0;border-bottom:1px solid rgba(0,0,0,.06)!important;margin:0 8px!important}
html.tema-foto body #ces-mailapp .ispm-list-body{background:rgba(255,255,255,.62)!important;margin:0 8px!important}
html.tema-foto body #ces-mailapp .ispm-list-body .ispm-grupo,html.tema-foto body #ces-mailapp .ispm-list-body>div:first-child:not(.ispm-row){background:transparent!important}
html.tema-foto body #ces-mailapp .ispm-row.unread:not(.mk){background:rgba(255,255,255,.97)!important}
html.tema-foto body #ces-mailapp .ispm-row:not(.unread):not(.mk){background:rgba(242,245,252,.78)!important}
html.tema-foto body #ces-mailapp .ispm-rav{background:var(--navy,#1B3A5C)!important}
}
@media (max-width:900px){
html.tema-foto body #ces-mailapp .ispm-list-body .ispm-grupo,html.tema-foto body #ces-mailapp .ispm-list-body>div:first-child:not(.ispm-row){background:rgba(255,255,255,.86)!important}
/* gaveta = lateral do computador: foto da casa, texto e logo brancos, Escrever branco */
html.tema-foto body #ces-mailapp .ispm-folders{background:linear-gradient(rgba(6,10,16,.6),rgba(6,10,16,.42)),var(--tema-foto) center/cover no-repeat!important;border-right:none!important}
html.tema-foto body #ces-mailapp .ispm-folders .ispm-folder:not(.ispm-tool),html.tema-foto body #ces-mailapp .ispm-folders .ispm-folder:not(.ispm-tool) .fn,
html.tema-foto body #ces-mailapp .ispm-welcome,html.tema-foto body #ces-mailapp .ispm-welcome *,html.tema-foto body #ces-mailapp .ispm-tools-hd,html.tema-foto body #ces-mailapp .ispm-brand-nm,html.tema-foto body #ces-mailapp .ispm-brand-nm *{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
html.tema-foto body #ces-mailapp .ispm-folders .ispm-folder:not(.ispm-tool) .fi,html.tema-foto body #ces-mailapp .ispm-folders .ispm-folder:not(.ispm-tool) svg{color:#fff!important;stroke:currentColor}
html.tema-foto body #ces-mailapp .ispm-folders .ispm-folder.on{background:rgba(255,255,255,.24)!important;box-shadow:none!important;border-color:transparent!important}
html.tema-foto body #ces-mailapp .ispm-folders .ispm-folder.on::before{display:none!important}
html.tema-foto body #ces-mailapp .ispm-brand img{filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.3))}
html.tema-foto body #ces-mailapp .ispm-brand{border-bottom-color:rgba(255,255,255,.22)!important}
html.tema-foto body #ces-mailapp .ispm-tools-sep{border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.22)!important}
html.tema-foto body #ces-mailapp .ispm-tool{background:rgba(255,255,255,.9)!important}
html.tema-foto body #ces-mailapp .ispm-folders .ispm-compose-btn{background:#fff!important;color:#1f1f1f!important;box-shadow:0 1px 3px rgba(0,0,0,.25)!important}
html.tema-foto body #ces-mailapp .ispm-folders .ispm-compose-btn svg{color:#1f1f1f!important}
}
@media (max-width:900px){
/* leitura: barra de topo sobre a faixa da foto (como o cartão de leitura sobre a foto no computador) */
html.tema-foto body #ces-mailapp .ispm-read-bar{background:linear-gradient(rgba(6,10,16,.55),rgba(6,10,16,.42)),var(--tema-foto) center 30%/cover no-repeat!important;border-bottom:none!important}
html.tema-foto body #ces-mailapp .ispm-read-bar,html.tema-foto body #ces-mailapp .ispm-read-bar button,html.tema-foto body #ces-mailapp .ispm-read-bar svg,html.tema-foto body #ces-mailapp .ispm-read-bar span{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}
html.tema-foto body #ces-mailapp .ispm-read-bar button{background:transparent!important;border-color:rgba(255,255,255,.35)!important}
}
html body #ces-mailapp .ispm-ler-exp{border-width:1.5px!important}

/* 29/10/2026 (CVO: "o botão de expandir deve ganhar algum destaque (...) sem perder o caráter sóbrio, mas precisa parecer
   algo futurista"; o de voltar ao menor também): borda em degradê ouro/cor da casa correndo devagar + brilho que respira.
   Vale para os dois estados (Expandir e Lado a lado). Sem movimento para quem pede menos movimento. */
html body #ces-mailapp .ispm-ler-exp{border:1px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,var(--gold,#8A6A2E),var(--navy,#1B3A5C) 35%,#D2AE64 55%,var(--navy,#1B3A5C) 75%,var(--gold,#8A6A2E)) border-box!important;background-size:100% 100%,260% 100%!important;color:var(--navy,#1B3A5C)!important;font-weight:600!important;letter-spacing:.02em;animation:ispmExpBorda 5s linear infinite,ispmExpBrilho 3s ease-in-out infinite}
html body #ces-mailapp .ispm-ler-exp:hover{background:linear-gradient(var(--casa-soft,#F1ECE2),var(--casa-soft,#F1ECE2)) padding-box,linear-gradient(110deg,var(--gold,#8A6A2E),var(--navy,#1B3A5C) 35%,#D2AE64 55%,var(--navy,#1B3A5C) 75%,var(--gold,#8A6A2E)) border-box!important;background-size:100% 100%,260% 100%!important}
html body #ces-mailapp .ispm-ler-exp svg{color:var(--gold,#8A6A2E)!important}
@keyframes ispmExpBorda{from{background-position:0 0,0% 0}to{background-position:0 0,260% 0}}
@keyframes ispmExpBrilho{0%,100%{box-shadow:0 0 0 0 rgba(210,174,100,0)}50%{box-shadow:0 0 0 3px rgba(210,174,100,.18),0 0 14px rgba(210,174,100,.38)}}
@media (prefers-reduced-motion:reduce){html body #ces-mailapp .ispm-ler-exp{animation:none!important}}
/* 29/10 logoFoto da casa: no tema de foto entra a versão com as cores da marca (sem o filtro que embranquece) */
html body #ces-mailapp[data-ident="1"] .ispm-casa-logo.ispm-logo-foto{display:none!important}
html.tema-foto body #ces-mailapp[data-ident="1"] .ispm-casa-logo.ispm-logo-claro{display:none!important}
html.tema-foto body #ces-mailapp[data-ident="1"] .ispm-brand img.ispm-casa-logo.ispm-logo-foto{display:block!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))!important}
/* 29/10 marcadores legíveis sobre a foto (gaveta do celular e lateral) */
html.tema-foto body #ces-mailapp .ispm-mc-hd,html.tema-foto body #ces-mailapp .ispm-mc-vazio{color:#fff!important;opacity:.92!important;text-shadow:0 1px 2px rgba(0,0,0,.45)}

/* 30/10/2026 (CVO: "so insira veu onde for necessario"; o veu em todo texto da lateral, de 29/10, foi retirado):
   medido contra a foto (t_veu.py): pastas e saudacao sao texto branco com sombra e se leem sem veu; so os textos apagados
   ("Nenhum marcador ainda.", titulo ADMINISTRACAO) ficavam abaixo de 3:1 e ganham o veu, do tamanho do texto. */
html.tema-foto body #ces-mailapp .ispm-folders :is(.ispm-mc-vazio,.ispm-tools-hd){
  width:fit-content;max-width:100%;box-sizing:border-box;background:rgba(14,12,9,.58);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(201,162,90,.22);
  border-radius:7px;padding:2px 8px;text-shadow:none}
/* contador sem numero nao aparece (era uma bolinha preta vazia ao lado da ferramenta) */
body #ces-mailapp .ispm-folder .fc:empty{display:none}
/* 29/10/2026 (Android): o tema de foto declara color-scheme escuro e o Chrome pintava os campos dos modais da casa
   (papel creme) de cinza 59 com letra branca. Modal da casa e papel: esquema claro e campo papel. */
body .casa-ferr,body .casa-ferr *{color-scheme:light}
body .casa-ferr :is(input,select,textarea){background-color:#fffdf8;color:#14110d}
body .casa-ferr :is(input,textarea)::placeholder{color:#8a8070}

/* 29/10 piso de toque e leitura no celular (PJC-01f): alvo >=36px, texto >=12px; PC intacto */
@media (max-width:760px),(pointer:coarse){
body #ces-mailapp .ispm-mc-hd button{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}
body #ces-mailapp .ispm-top .ispm-bav-btn{min-width:36px;min-height:36px}
body.ces-login #V-Login .ces-forgot-link,body .ces-forgot-link{display:inline-block;padding:9px 4px;min-height:36px;box-sizing:border-box}
body #ces-mailapp .ispm-folders :is(.ispm-wmail,.ispm-mc-hd>span,.ispm-mc-vazio,.ispm-tools-hd){font-size:12px!important}
body #ces-mailapp .t+.s{font-size:13px}
}
@media (max-width:760px),(pointer:coarse){body .casa-ferr label{font-size:12px!important}}

/* 30/10/2026 ispm-avmenu legivel (CVO: print do menu da conta ilegivel no tema de foto da C&S): o menu herdava a cor de texto
   do tema (clara) sobre fundo branco. Agora o menu e um cartao claro com texto escuro em QUALQUER tema/casa. */
html body #ces-mailapp .ispm-avmenu{background:#fff!important;border-color:rgba(18,33,58,.14)!important;color:#1B2433!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body #ces-mailapp .ispm-avmenu .ki,html body #ces-mailapp .ispm-avmenu .ki span{color:#1B2433!important;background:transparent;text-shadow:none!important;opacity:1!important;box-shadow:none!important;width:auto}
html body #ces-mailapp .ispm-avmenu .ki svg{color:#4E5868!important;stroke:currentColor}
html body #ces-mailapp .ispm-avmenu .ki:hover{background:#F1ECE2!important}
html body #ces-mailapp .ispm-avmenu .ki-sair,html body #ces-mailapp .ispm-avmenu .ki-sair span{color:#A3361F!important}
html body #ces-mailapp .ispm-avmenu-hd,html.tema-foto body #ces-mailapp .ispm-folders .ispm-avmenu .ispm-avmenu-hd{color:#5A6474!important;text-shadow:none!important;background:transparent!important}
/* 30/10/2026 (fio innmail-guias-por-casa): icones do menu da conta saiam em branco no tema de foto: o menu mora dentro de .ispm-welcome e a regra ".ispm-welcome *{color:#fff!important}" pintava o path/circle do svg (stroke=currentColor resolve na cor do proprio filho). Filhos herdam a cor do svg (linha acima). */
html body #ces-mailapp .ispm-avmenu .ki svg *{color:inherit!important}

/* 31/10/2026 (CVO: "no e-mail da C&S no mobile não dá pra visualizar a parte de cima ... equipare ao InnCorporate"):
   aberta como app instalado no iPhone (viewport-fit=cover + barra de status translúcida), a casca começava sob o
   entalhe e o topo (menu, busca, escrever) ficava atrás do relógio. Toda casa reserva a área segura em cima, na casca
   e na gaveta; o fundo de foto continua passando por trás da barra de status. Fora do app instalado o valor é 0. */
@media (max-width:640px){
  html body #ces-mailapp .ispmroot{box-sizing:border-box!important;padding-top:env(safe-area-inset-top)!important}
  html body #ces-mailapp .ispm-folders{top:env(safe-area-inset-top)!important}
  html body #inn-assist{max-height:calc(100dvh - env(safe-area-inset-top) - 12px)!important}
  html body #ces-mailapp .ispm-compose-modal,html body #ces-mailapp .ispm-compose-modal.exp{box-sizing:border-box!important;padding-top:env(safe-area-inset-top)!important}
}

/* 06/11/2026 (CVO: "mecanismo que encolhe e expande do menu da esquerda, igual ao gmail"): hambúrguer no topo recolhe a lateral em trilho de ícones;
   passar o mouse no trilho expande por cima; a escolha fica em localStorage 'ispm-colapsada'. Só em tela larga (no celular a gaveta continua). */
@media(min-width:861px){
  html body #ces-mailapp .ispm-menu{display:flex!important;margin-right:4px}
  html body #ces-mailapp .ispmroot{transition:grid-template-columns .18s ease}
  html body #ces-mailapp .ispmroot.ispm-colapsada{grid-template-columns:72px minmax(0,1fr)!important}
  html body #ces-mailapp .ispmroot.ispm-colapsada>.ispm-folders{position:relative;z-index:40;width:72px;transition:width .18s ease,background .18s}
  html body #ces-mailapp .ispmroot.ispm-colapsada>.ispm-folders:hover{width:244px;background:rgba(14,16,20,.94)!important;box-shadow:6px 0 24px rgba(0,0,0,.35)!important}
  html body #ces-mailapp .ispmroot.ispm-colapsada>.ispm-folders:not(:hover){padding:10px 8px!important;overflow-x:hidden}
  html body #ces-mailapp .ispmroot.ispm-colapsada>.ispm-folders:not(:hover)>:not(.ispm-folder):not(.ispm-compose-btn){display:none!important}
  html body #ces-mailapp .ispmroot.ispm-colapsada>.ispm-folders:not(:hover) .ispm-folder{position:relative;justify-content:center;padding:10px 0!important;margin:0 0 2px!important;border-radius:22px!important}
  html body #ces-mailapp .ispmroot.ispm-colapsada>.ispm-folders:not(:hover) .ispm-folder .fn{display:none!important}
  html body #ces-mailapp .ispmroot.ispm-colapsada>.ispm-folders:not(:hover) .ispm-folder .fc{position:absolute;top:1px;right:6px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;text-align:center;border-radius:8px}
  html body #ces-mailapp .ispmroot.ispm-colapsada>.ispm-folders:not(:hover) .ispm-compose-btn{width:48px;height:48px;padding:0!important;margin:6px auto 14px!important;font-size:0!important;border-radius:16px!important}
}

/* 06/11/2026 visualizador de anexos (todas as casas) */
html body #ces-mailapp .ispm-anexchip{cursor:pointer}
html body #ces-mailapp .ispm-anexchip .ispm-anexdl{margin-left:8px;border:0;background:transparent;color:inherit;cursor:pointer;padding:2px 4px;border-radius:6px;vertical-align:middle;opacity:.7}
html body #ces-mailapp .ispm-anexchip .ispm-anexdl:hover{opacity:1;background:rgba(0,0,0,.08)}
.ispm-anexview{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;box-sizing:border-box;z-index:2147483000;background:rgba(8,10,14,.9);display:flex!important;flex-direction:column;font-family:Inter,system-ui,sans-serif}
.ispm-av-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#fff;background:rgba(0,0,0,.35)}
.ispm-av-nome{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ispm-av-sp{flex:1}
.ispm-av-bt{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.14);font-size:13px}
.ispm-av-bt:hover{background:rgba(255,255,255,.26)}
.ispm-av-x{border:0;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:0 8px}
.ispm-av-corpo{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px}
.ispm-av-corpo img,.ispm-av-corpo video{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
.ispm-av-corpo iframe{width:min(1100px,100%);height:100%;border:0;background:#fff;border-radius:6px}
.ispm-av-corpo pre{width:min(1000px,100%);max-height:100%;overflow:auto;margin:0;padding:18px;background:#fff;color:#111;border-radius:6px;font:13px/1.5 ui-monospace,Consolas,monospace;white-space:pre-wrap}
.ispm-av-nao{background:#fff;color:#222;border-radius:12px;padding:32px 40px;text-align:center;max-width:420px}
@media(max-width:860px){.ispm-av-corpo{padding:0}.ispm-av-corpo iframe,.ispm-av-corpo pre{border-radius:0;width:100%}}
.ispm-av-carr{text-align:center;color:#444}.ispm-av-spin{display:inline-block;width:34px;height:34px;border:4px solid #d5d9d6;border-top-color:#0F3527;border-radius:50%;animation:ispmgira .8s linear infinite}@keyframes ispmgira{to{transform:rotate(360deg)}}
/* 06/11/2026 (CVO: "voce criou scroll no e-mail, o que deixei claro que nao poderia; a caixa estendeu ate embaixo"): a caixa e um app de tela cheia, a PAGINA nunca rola. Barras de janela encolhiam o viewport e a caixa (altura em vh) passava do pilula da direita. */
html:has(#ces-mailapp .ispmroot),html:has(#ces-mailapp .ispmroot) body{overflow:hidden!important;max-width:100vw}
#ces-mailapp{overflow:hidden!important}

/* 06/11/2026 ADIAR e RESPOSTA AUTOMATICA: janela central pequena (fio innmail-gmail-paridade) */
.ispm-pop{position:fixed!important;inset:0!important;z-index:2147482500;background:rgba(8,10,14,.55);display:flex!important;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}
.ispm-pop-card{width:min(420px,100%);max-height:92dvh;overflow:auto;background:var(--srf,#fff);color:var(--txt,#1b2733);border:1px solid rgba(196,163,90,.3);border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.4);padding:18px 20px;box-sizing:border-box}
[data-theme="dark"] .ispm-pop-card{background:#0c1622;color:#e8eef5}
.ispm-pop-t{font-size:1rem;font-weight:700;margin-bottom:10px}
.ispm-pop-op{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;border:none;background:transparent;color:inherit;border-radius:9px;padding:10px 12px;font-size:.84rem;cursor:pointer;text-align:left}
.ispm-pop-op:hover{background:rgba(196,163,90,.14)}
.ispm-pop-op small{color:var(--t2,#667);font-size:.72rem;white-space:nowrap}
.ispm-pop-sep{height:1px;background:rgba(196,163,90,.2);margin:8px 0}
.ispm-pop-l{display:block;font-size:.72rem;color:var(--t2,#667);margin:8px 0 0}
.ispm-pop-l input,.ispm-pop-l textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:8px 10px;border:1px solid rgba(196,163,90,.35);border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:.84rem}
.ispm-pop-l textarea{resize:vertical}
.ispm-pop-2{display:flex;gap:10px}.ispm-pop-2 .ispm-pop-l{flex:1;min-width:0}
.ispm-pop-ck{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;margin:4px 0 2px;cursor:pointer}
.ispm-pop-nota{font-size:.7rem;color:var(--t2,#667);margin-top:8px}
.ispm-pop-err{min-height:1.1em;font-size:.74rem;color:#b3261e;margin-top:8px}
.ispm-pop-bt{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
/* 06/11/2026 (CVO: "tela horrivel"): carregamento do visualizador de anexo = cartao limpo com icone, nome, tamanho, tempo decorrido, barra de progresso e Cancelar */
.ispm-av-load{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(420px,calc(100vw - 40px));padding:34px 32px 26px;border-radius:22px;background:#fff;color:#1B2433;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08);text-align:center;animation:ispmavin .22s ease-out}
.ispm-av-doc{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,#0F3527,#1d5a42);color:#fff;box-shadow:0 8px 22px rgba(15,53,39,.35);margin-bottom:4px}
.ispm-av-doc svg{width:28px;height:28px;stroke:#fff}
.ispm-av-ln{font-size:15px;font-weight:600;line-height:1.35;word-break:break-word;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ispm-av-sub{font-size:13px;color:#667085}
.ispm-av-trilho{position:relative;width:100%;height:5px;border-radius:99px;background:#E7EBE9;overflow:hidden;margin:10px 0 4px}
.ispm-av-trilho i{position:absolute;top:0;bottom:0;width:38%;border-radius:99px;background:linear-gradient(90deg,#0F3527,#2f8a64);animation:ispmavbar 1.15s ease-in-out infinite}
.ispm-av-cancela{border:0;background:transparent;color:#667085;font:500 13px Inter,system-ui,sans-serif;padding:8px 16px;border-radius:99px;cursor:pointer}
.ispm-av-cancela:hover{background:#F1F3F2;color:#1B2433}
@keyframes ispmavbar{0%{left:-40%}100%{left:100%}}@keyframes ispmavin{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ispm-av-trilho i{animation:none;left:0;width:100%;opacity:.5}.ispm-av-load{animation:none}}

/* 06/11/2026 DENSIDADE (paridade Gmail): compacta / confortavel; padrao = sem classe. Escolha no menu do avatar, por usuario/navegador (ispm-dens). */
html.ispm-dens-comp body #ces-mailapp .ispm-row{min-height:28px!important;font-size:.8rem!important}
html.ispm-dens-esp body #ces-mailapp .ispm-row{min-height:54px!important}
@media (max-width:860px){
  html.ispm-dens-comp body #ces-mailapp .ispm-row{padding-top:5px!important;padding-bottom:5px!important}
  html.ispm-dens-esp body #ces-mailapp .ispm-row{padding-top:18px!important;padding-bottom:18px!important}
}
/* importante: faixa ambar na borda esquerda da linha, sem mexer na grade */
html body #ces-mailapp .ispm-row.imp{box-shadow:inset 4px 0 0 #f29900!important}

/* 07/11/2026 painel de leitura ABAIXO da lista (opt-in pelo menu Ferramentas; so >=1180px; tela inteira vence) */
@media (min-width:1180px){
 html body #ces-mailapp .ispmroot.ispm-lado.ispm-abaixo:not(.ispm-ler-cheio) #ispm-topbar,html body #ces-mailapp .ispmroot.ispm-lado.ispm-abaixo:not(.ispm-ler-cheio) .ispm-list-body,html body #ces-mailapp .ispmroot.ispm-lado.ispm-abaixo:not(.ispm-ler-cheio) #ispm-pager{margin-right:0!important}
 html body #ces-mailapp .ispmroot.ispm-lado.ispm-abaixo:not(.ispm-ler-cheio) .ispm-list-body{max-height:34vh!important;overflow:auto}
 html body #ces-mailapp .ispmroot.ispm-lado.ispm-abaixo:not(.ispm-ler-cheio) .ispm-read{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;height:52vh!important;border-left:0;border-top:1px solid rgba(196,163,90,.3)!important;border-radius:0!important}
 html.tema-foto body #ces-mailapp .ispmroot.ispm-lado.ispm-abaixo:not(.ispm-ler-cheio) .ispm-read{left:4px!important;right:14px!important;bottom:14px!important;border-radius:16px!important}
}

/* 06/11/2026 (CVO: "clica num anexo no celular e nao tem como voltar"): barra sempre visivel e abaixo da area do relogio/ilha, botao Voltar grande, corpo rola (PDF no iOS cresce ate a altura inteira e empurrava a barra para fora). */
.ispm-av-bar{flex:none;position:relative;z-index:2;padding-top:calc(10px + env(safe-area-inset-top,0px));background:#10151f}
.ispm-av-volta{display:inline-flex;align-items:center;font-size:22px;min-height:44px;min-width:44px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.14)}
.ispm-av-vt{display:none;font-size:14px;font-weight:600;margin-left:6px}
@media(max-width:860px){
  .ispm-av-vt{display:inline}
  .ispm-av-corpo{overflow:auto;-webkit-overflow-scrolling:touch;align-items:flex-start}
  .ispm-av-corpo iframe{height:calc(100dvh - 70px - env(safe-area-inset-top,0px))}
}

/* 07/11/2026 (CVO: "o botao compartilhar em mensagens precisa ficar flutuante e pulsante, similar ao expandir, so que mais abaixo, similar ao do Google"):
   botao flutuante no canto do painel de leitura, mesma borda em degrade ouro/casa e brilho que respira do Expandir. No celular o atalho ja esta na barra inferior. */
html body #ces-mailapp .ispm-fabs{position:absolute;right:22px;bottom:84px;z-index:20;display:flex;gap:8px}
html body #ces-mailapp .ispm-fab-msg svg{width:15px;height:15px}
html body #ces-mailapp .ispm-fab-msg.ispm-fab-wa svg{color:#1FA855}
html body #ces-mailapp .ispm-fabs .ispm-fab-msg{position:static}
html body #ces-mailapp .ispm-fabs{flex-direction:column;align-items:center;gap:5px}
html body #ces-mailapp .ispm-fabs-b{display:flex;gap:8px}
html body #ces-mailapp .ispm-fabs-t{display:flex;align-items:center;gap:8px;width:100%;font-size:.66rem;font-weight:700;color:var(--gold,#8A6A2E);letter-spacing:.16em;text-transform:uppercase}
html body #ces-mailapp .ispm-fabs-t:before,html body #ces-mailapp .ispm-fabs-t:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold,#8A6A2E))}
html body #ces-mailapp .ispm-fabs-t:after{background:linear-gradient(270deg,transparent,var(--gold,#8A6A2E))}
html body #ces-mailapp .ispm-fab-msg{position:absolute;right:22px;bottom:84px;z-index:20;display:inline-flex;align-items:center;gap:6px;border:1.5px solid transparent;border-radius:24px;padding:7px 12px;font:inherit;font-size:.74rem;font-weight:600;letter-spacing:.02em;cursor:pointer;color:var(--navy,#1B3A5C);
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,var(--gold,#8A6A2E),var(--navy,#1B3A5C) 35%,#D2AE64 55%,var(--navy,#1B3A5C) 75%,var(--gold,#8A6A2E)) border-box;background-size:100% 100%,260% 100%;
  box-shadow:0 6px 18px rgba(18,33,58,.22);animation:ispmExpBorda 6s linear infinite,ispmFabPulsa 2.6s ease-in-out infinite}
html body #ces-mailapp .ispm-fab-msg svg{color:var(--gold,#8A6A2E)}
html body #ces-mailapp .ispm-fab-msg:hover{background:linear-gradient(var(--casa-soft,#F1ECE2),var(--casa-soft,#F1ECE2)) padding-box,linear-gradient(110deg,var(--gold,#8A6A2E),var(--navy,#1B3A5C) 35%,#D2AE64 55%,var(--navy,#1B3A5C) 75%,var(--gold,#8A6A2E)) border-box;background-size:100% 100%,260% 100%}
html body #ces-mailapp .ispm-fab-msg:focus-visible{outline:2px solid #1b2a5c;outline-offset:3px}
@keyframes ispmFabPulsa{0%,100%{box-shadow:0 6px 18px rgba(18,33,58,.22),0 0 0 0 rgba(210,174,100,0)}50%{box-shadow:0 6px 18px rgba(18,33,58,.22),0 0 0 6px rgba(210,174,100,.22),0 0 20px rgba(210,174,100,.45)}}
@media (max-width:640px){html body #ces-mailapp .ispm-fabs{position:fixed;left:12px;right:auto;bottom:calc(68px + env(safe-area-inset-bottom));z-index:59}}
@media (prefers-reduced-motion:reduce){html body #ces-mailapp .ispm-fab-msg{animation:none}}
/* 08/11 visualizador de anexos refeito (CVO: "precisa melhorar MUITO"): selo do tipo, etapa, progresso real, PDF no celular */
.ispm-av-bt{border:0;cursor:pointer;font:500 13px Inter,system-ui,sans-serif}
.ispm-av-bt:disabled{opacity:.6;cursor:progress}
.ispm-av-load{gap:8px;padding:32px 32px 22px}
.ispm-av-selo{position:relative;width:58px;height:72px;margin-bottom:8px;border-radius:8px 18px 8px 8px;background:var(--c,#5F6368);box-shadow:0 10px 24px rgba(0,0,0,.18);display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px}
.ispm-av-selo:before{content:"";position:absolute;top:0;right:0;width:18px;height:18px;border-radius:0 18px 0 8px;background:rgba(255,255,255,.35)}
.ispm-av-selo span{color:#fff;font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.06em}
.ispm-av-etapa{font-size:14px;font-weight:500;color:#1B2433;min-height:20px}
.ispm-av-etapa:after{content:"…"}
.ispm-av-sub{min-height:18px;font-variant-numeric:tabular-nums}
.ispm-av-trilho{margin:6px 0 2px}
.ispm-av-trilho:not(.ind) i{animation:none;left:0;width:0;transition:width .25s ease-out}
.ispm-av-nao .ispm-av-selo{margin:0 auto 14px}
.ispm-av-pdfbox{width:100%;height:100%;overflow:auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;background:#2a2f38}
.ispm-pdfv{min-height:100%;display:flex;flex-direction:column;align-items:center}
.ispm-pdfv-zoom{position:sticky;top:8px;left:0;z-index:2;display:flex;align-items:center;gap:6px;margin:8px auto;padding:4px;border-radius:999px;background:rgba(16,21,31,.88);color:#fff;font:500 12px Inter,system-ui,sans-serif}
.ispm-pdfv-zoom button{width:40px;height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:20px;cursor:pointer}
.ispm-pdfv-n{padding:0 8px;white-space:nowrap}
.ispm-pdfv-pgs{display:flex;flex-direction:column;gap:8px;padding:0 8px 16px;align-self:flex-start;margin:0 auto}
.ispm-pdfv-pg{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.ispm-pdfv-pg canvas{display:block}
/* 08/11 noite: carregamento que tranquiliza (CVO: "precisa deixar a pessoa tranquila ... ter alguma animacao") */
.ispm-avl{width:min(440px,calc(100vw - 32px));padding:30px 30px 18px;gap:6px}
.ispm-avl-arte{position:relative;width:132px;height:118px;margin:2px auto 10px}
.ispm-avl-fl{position:absolute;left:28px;top:6px;width:76px;height:98px;border-radius:9px;background:#fff;border:1px solid #E3E7E5;box-shadow:0 6px 18px rgba(16,24,40,.10)}
.ispm-avl-fl.f3{transform:rotate(-9deg) translate(-10px,4px);opacity:.55;animation:ispmavlf3 2.6s ease-in-out infinite}
.ispm-avl-fl.f2{transform:rotate(7deg) translate(10px,2px);opacity:.75;animation:ispmavlf2 2.6s ease-in-out infinite}
.ispm-avl-fl.f1{overflow:hidden;padding:16px 11px 0;display:flex;flex-direction:column;gap:7px;animation:ispmavlf1 2.6s ease-in-out infinite}
.ispm-avl-fl.f1 i{display:block;height:6px;border-radius:3px;background:#E9EDEB;transform-origin:left;animation:ispmavll 2.6s ease-in-out infinite}
.ispm-avl-fl.f1 i:nth-child(2){width:78%;animation-delay:.15s}.ispm-avl-fl.f1 i:nth-child(4){width:62%;animation-delay:.45s}
.ispm-avl-fl.f1 i.c{height:22px;border-radius:4px;background:#F1F3F2;animation-delay:.3s}
.ispm-avl-fl.f1 b{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.85) 50%,transparent 70%);transform:translateX(-100%);animation:ispmavlbrilho 1.8s ease-in-out infinite}
.ispm-avl-arte .ispm-av-selo{position:absolute;right:6px;bottom:0;width:42px;height:52px;margin:0;padding-bottom:8px;border-radius:6px 13px 6px 6px;animation:ispmavlselo 2.6s ease-in-out infinite}
.ispm-avl-arte .ispm-av-selo:before{width:13px;height:13px;border-radius:0 13px 0 6px}
.ispm-avl-arte .ispm-av-selo span{font-size:10px}
.ispm-avl-tit{font:600 18px/1.3 Inter,system-ui,sans-serif;color:#101828;letter-spacing:-.01em}
.ispm-avl .ispm-av-ln{font-size:13px;font-weight:500;color:#475467}
.ispm-avl-tam{color:#98A2B3;font-weight:400}
.ispm-avl-barra{position:relative;width:100%;height:6px;margin:12px 0 6px;border-radius:99px;background:#EEF1F0;overflow:hidden}
.ispm-avl-barra i{position:absolute;left:0;top:0;bottom:0;width:4%;border-radius:99px;background:linear-gradient(90deg,#0F3527,#2f8a64,#5fbf92);background-size:200% 100%;animation:ispmavlcor 2.2s linear infinite;transition:width .12s linear}
.ispm-avl-passos{list-style:none;margin:6px 0 4px;padding:0;width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}
.ispm-avl-passos li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#98A2B3;transition:color .3s}
.ispm-avl-passos li span{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid #D0D5DD;box-sizing:border-box;position:relative}
.ispm-avl-passos li.on{color:#101828;font-weight:500}
.ispm-avl-passos li.on span{border-color:#2f8a64;border-right-color:transparent;animation:ispmavlgira .9s linear infinite}
.ispm-avl-passos li.ok{color:#475467}
.ispm-avl-passos li.ok span{border-color:#2f8a64;background:#2f8a64}
.ispm-avl-passos li.ok span:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ispm-avl-passos em{font-style:normal;color:#667085;font-weight:400;font-variant-numeric:tabular-nums}
.ispm-avl-calma{margin-top:8px;padding:10px 12px;width:100%;box-sizing:border-box;border-radius:12px;background:#F3F8F5;color:#2B5A45;font-size:13px;line-height:1.45;animation:ispmavin .4s ease-out}
.ispm-avl .ispm-av-cancela{margin-top:4px}
.ispm-avl-escondido{position:absolute!important;inset:0;opacity:0;pointer-events:none}
.ispm-av-corpo{position:relative}
@keyframes ispmavlf1{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes ispmavlf2{0%,100%{transform:rotate(7deg) translate(10px,2px)}50%{transform:rotate(11deg) translate(14px,0)}}
@keyframes ispmavlf3{0%,100%{transform:rotate(-9deg) translate(-10px,4px)}50%{transform:rotate(-13deg) translate(-14px,2px)}}
@keyframes ispmavll{0%{transform:scaleX(.15);opacity:.4}40%,100%{transform:scaleX(1);opacity:1}}
@keyframes ispmavlbrilho{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
@keyframes ispmavlselo{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-3deg)}}
@keyframes ispmavlcor{0%{background-position:0 0}100%{background-position:200% 0}}
@keyframes ispmavlgira{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ispm-avl *,.ispm-avl{animation:none!important;transition:none!important}.ispm-avl-passos li.on span{border-right-color:#2f8a64}}
@media(max-width:640px){.ispm-avl{padding:24px 20px 14px}.ispm-avl-tit{font-size:17px}}
.ispm-av-corpo>.ispm-avl{margin:auto}
/* N-02 (09/11): no celular todo campo com 16 px; abaixo disso o iOS dá zoom ao focar e a tela "pula" (paridade Gmail). Celular = largura do app (640) ou toque. */
@media (max-width:640px),(pointer:coarse){html body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),html body select,html body textarea,html body [contenteditable=""],html body [contenteditable=true]{font-size:16px!important}}

/* 09/11/2026 (CVO, print do iPhone: "ao arrastar pra o lado... pra qualquer lado"): caixa sempre na largura da tela.
   overflow-y:auto no painel de leitura liga junto a rolagem HORIZONTAL; a barra de acoes (mais larga que 390 px) e
   e-mail largo faziam o painel inteiro arrastar e mostrar a faixa branca. Agora: pagina e painel nunca rolam de lado;
   so a barra de acoes desliza dentro dela; e-mail largo rola so no proprio corpo; foto de fundo presa a tela. */
html,body{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
.ces-img{max-width:100vw}
.ispm-read{overflow-x:hidden!important;overscroll-behavior-x:none}
.ispm-read-actions{max-width:100%;min-width:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.ispm-read-actions::-webkit-scrollbar{display:none}
.ispm-read-de,.ispm-read-para{min-width:0;max-width:100%;overflow-wrap:anywhere}
.ispm-read-body{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.ispm-read-body img{max-width:100%;height:auto}
@media (max-width:860px){
  .ispm-read-bar{max-width:100%;min-width:0;overflow:hidden}
  .ispm-read-tools{min-width:0;flex:0 1 auto;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ispm-read-tools::-webkit-scrollbar{display:none}
  .ispm-read-tools>*{flex:none}
}