/* caixa-clara.css · InnMail · caixa clara (CVO 27-28/10/2026, prancha v2-2 "A clara").
   CAMADA SO VISUAL sobre o mailapp.js: cor, fundo, fonte, espaco. Nunca display:none, nunca reordena:
   todo botao de gestao continua onde esta (CVO 28/10). Nao toca no speed-dial #ces-dial do celular.
   Prefixo "html body #ces-mailapp" vence o CSS que o mailapp.js injeta em tempo de execucao. */
html body #ces-mailapp{--gold:#8A6A2E;--navy:#12213A;--cream:#FBF8F3;--txt:#1B2433;--t1:#2A3342;--t2:#4E5868;--t3:#646D7C;
 --bg:#FFFFFF;--srf:#FFFFFF;--sf:'Cormorant Garamond',Georgia,serif;--sn:Inter,system-ui,sans-serif;
 --linha:#E7E1D6;--areia:#F1ECE3;--areia2:#E9E2D6;--sel:#F4EFE7;color:var(--txt)}
html body #ces-mailapp .ispmroot{background:#FFFFFF!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-family:var(--sn)!important;color:var(--txt)}
html body #ces-mailapp .ispm-folders{background:var(--areia)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-right:1px solid var(--areia2)!important}
html body #ces-mailapp .ispm-brand{border-bottom:1px solid var(--areia2)!important}
html body #ces-mailapp .ispm-brand-nm{color:var(--navy)!important;letter-spacing:.12em!important}
html body #ces-mailapp .ispm-brand-nm b{color:var(--navy)!important}
html body #ces-mailapp .ispm-brand img,html body #ces-mailapp .ispm-brand svg{max-width:100%!important;height:auto}
html body #ces-mailapp .ispm-wgreet{color:var(--t1)!important}
html body #ces-mailapp .ispm-wgreet b{color:var(--txt)!important}
html body #ces-mailapp .ispm-wmail{color:var(--t3)!important}
html body #ces-mailapp .ispm-av{border-color:#fff!important;box-shadow:0 1px 4px rgba(18,33,58,.18)!important}
html body #ces-mailapp .ispm-compose-btn{background:var(--navy)!important;border:1px solid var(--navy)!important;color:#fff!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(18,33,58,.18)}
html body #ces-mailapp .ispm-compose-btn:hover{background:#1C3156!important;color:#fff!important}
html body #ces-mailapp .ispm-folder{color:var(--t1)!important;border-radius:10px!important;margin-right:0!important}
html body #ces-mailapp .ispm-folder:hover{background:rgba(255,255,255,.6)!important;color:var(--txt)!important}
html body #ces-mailapp .ispm-folder.on{background:#FFFFFF!important;color:var(--txt)!important;box-shadow:inset 3px 0 0 var(--navy),0 1px 3px rgba(18,33,58,.08)}
html body #ces-mailapp .ispm-folder .fc{background:var(--navy);color:#fff!important;border-radius:10px;padding:1px 7px;min-width:18px;text-align:center}
html body #ces-mailapp .ispm-tools-sep{background:var(--areia2)!important}
html body #ces-mailapp .ispm-tools-hd{color:var(--gold)!important;opacity:1!important}
html body #ces-mailapp .ispm-tool,html body #ces-mailapp .ispm-tool-hi,html body #ces-mailapp .ispm-avanco{background:#FFFFFF!important;border:1px solid var(--areia2)!important;color:var(--txt)!important}
html body #ces-mailapp .ispm-tool:hover{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important;box-shadow:0 3px 10px rgba(18,33,58,.2)!important}
html body #ces-mailapp .ispm-tn{background:var(--sel)!important;color:#6E5320!important}/* 09/11 AA: --gold dava 4,39:1 sobre --sel (contador "12", 9,6 px); #6E5320 e o tom original do mailapp */
html body #ces-mailapp .ispm-install{background:#FFFFFF!important;border:1px solid var(--gold)!important;color:var(--txt)!important;box-shadow:none!important}
html body #ces-mailapp .ispm-install .fn,html body #ces-mailapp .ispm-install .fi{color:var(--txt)!important}
html body #ces-mailapp .ispm-sugestao{background:#FFFFFF!important;border-color:var(--areia2)!important;color:var(--txt)!important}
html body #ces-mailapp .ispm-main{background:#FFFFFF}
html body #ces-mailapp .ispm-top{background:#FFFFFF!important;border-bottom:1px solid var(--linha)!important}
html body #ces-mailapp .ispm-search-wrap{background:var(--cream)!important;border:1px solid var(--linha)!important;border-radius:12px!important}
html body #ces-mailapp .ispm-search-wrap:focus-within{border-color:var(--gold)!important}
html body #ces-mailapp .ispm-search{color:var(--txt)!important}
html body #ces-mailapp .ispm-search::placeholder{color:var(--t3)!important}
html body #ces-mailapp .ispm-refresh,html body #ces-mailapp .ispm-top-act,html body #ces-mailapp .ispm-menu{color:var(--t2)!important}
html body #ces-mailapp .ispm-refresh:hover,html body #ces-mailapp .ispm-top-act:hover,html body #ces-mailapp .ispm-menu:hover{background:var(--sel)!important;color:var(--txt)!important}
html body #ces-mailapp .ispm-top-sug{background:var(--sel)!important;border:1px solid var(--areia2)!important}
html body #ces-mailapp .ispm-cats{border-bottom:1px solid var(--linha)!important;background:#FFFFFF}
html body #ces-mailapp .ispm-cat{color:var(--t3)!important}
html body #ces-mailapp .ispm-cat:hover{color:var(--txt)!important}
html body #ces-mailapp .ispm-cat.on{color:var(--txt)!important;border-bottom-color:var(--navy)!important}
html body #ces-mailapp .ispm-kebab{background:#FFFFFF!important;border:1px solid var(--linha)!important;box-shadow:0 10px 30px rgba(18,33,58,.14)!important}
html body #ces-mailapp .ispm-kebab .ki{color:var(--txt)!important}
html body #ces-mailapp .ispm-kebab .ki:hover{background:var(--sel)!important}
html body #ces-mailapp .ispm-bulk{background:var(--sel)!important;border-bottom:1px solid var(--linha)!important;color:var(--txt)!important}
html body #ces-mailapp .ispm-bulk .b{color:var(--t2)!important}
html body #ces-mailapp .ispm-bulk .b:hover{background:#fff!important;color:var(--txt)!important}
html body #ces-mailapp .ispm-list-body{background:#FFFFFF!important}
html body #ces-mailapp .ispm-daygroup{background:rgba(255,255,255,.94)!important;color:var(--gold)!important;opacity:1!important}
html body #ces-mailapp .ispm-row{background:#FFFFFF!important;opacity:1!important;border-bottom:1px solid var(--linha)!important;box-shadow:none}
html body #ces-mailapp .ispm-row:hover{background:var(--cream)!important;box-shadow:inset 3px 0 0 var(--areia2)!important}
html body #ces-mailapp .ispm-row.sel{background:var(--sel)!important}
html body #ces-mailapp .ispm-row.unread{background:#FFFFFF!important;box-shadow:inset 3px 0 0 var(--navy)!important}
html body #ces-mailapp .ispm-row.unread .ispm-de,html body #ces-mailapp .ispm-row.unread .ispm-cont b{color:var(--txt)!important;font-weight:700!important;text-shadow:none!important}
html body #ces-mailapp .ispm-row.unread .ispm-de::before{color:var(--navy)!important}
html body #ces-mailapp .ispm-row.unread .ispm-when{color:var(--txt)!important}
html body #ces-mailapp .ispm-row:not(.unread) .ispm-de,html body #ces-mailapp .ispm-row:not(.unread) .ispm-cont b{color:var(--t1)!important;font-weight:400!important}
html body #ces-mailapp .ispm-cont{color:var(--t3)!important}
html body #ces-mailapp .ispm-when,html body #ces-mailapp .ispm-clip{color:var(--t3)!important}
html body #ces-mailapp .ispm-star{color:#5B6270!important;opacity:.75}
html body #ces-mailapp .ispm-star.on{color:#B8892E!important;opacity:1!important}
html body #ces-mailapp .ispm-ck{accent-color:var(--navy)!important;opacity:.8!important}
html body #ces-mailapp .ispm-ra{color:var(--t2)!important}
html body #ces-mailapp .ispm-ra:hover{background:var(--sel)!important;color:var(--txt)!important}
html body #ces-mailapp .ispm-skel{background:linear-gradient(90deg,#fff,var(--sel),#fff)!important;border-bottom-color:var(--linha)!important}
html body #ces-mailapp .ispm-empty{color:var(--t2)!important}
html body #ces-mailapp .ispm-empty .t{color:var(--txt)!important;font-family:var(--sf)!important;font-weight:500!important}
html body #ces-mailapp .ispm-pager{border-top:1px solid var(--linha)!important;color:var(--t3)!important}
html body #ces-mailapp .ispm-pager button{color:var(--t2)!important}
html body #ces-mailapp .ispm-read,html body #ces-mailapp .ispm-read-head,html body #ces-mailapp .ispm-read-bar,html body #ces-mailapp .ispm-read-body{background:#FFFFFF!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body #ces-mailapp .ispm-read-bar{border-bottom:1px solid var(--linha)!important}
html body #ces-mailapp .ispm-back{color:var(--t2)!important}
html body #ces-mailapp .ispm-back:hover{background:var(--sel)!important;color:var(--txt)!important}
html body #ces-mailapp .ispm-read-assunto{font-family:var(--sf)!important;font-weight:500!important;color:var(--txt)!important;font-size:1.75rem!important}
html body #ces-mailapp .ispm-read-de{color:var(--txt)!important}
html body #ces-mailapp .ispm-read-para{color:var(--t3)!important}
html body #ces-mailapp .ispm-read-body{color:var(--t1)!important}
html body #ces-mailapp .ispm-act{background:#FFFFFF!important;border:1px solid var(--linha)!important;color:var(--txt)!important;border-radius:10px!important}
html body #ces-mailapp .ispm-act:hover{border-color:var(--navy)!important;color:var(--navy)!important}
html body #ces-mailapp .ispm-act.pri{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important}
html body #ces-mailapp .ispm-anexrow{border-top:1px solid var(--linha)!important}
html body #ces-mailapp .ispm-anexchip,html body #ces-mailapp .ispm-tmsg{background:var(--cream)!important;border:1px solid var(--linha)!important;color:var(--txt)!important}
html body #ces-mailapp .ispm-tmsg-bd{border-top:1px solid var(--linha)!important}
html body #ces-mailapp .ispm-compose-modal{background:#FFFFFF!important;border:1px solid var(--linha)!important;box-shadow:0 -10px 50px rgba(18,33,58,.18)!important}
html body #ces-mailapp .ispm-cm-f{border-bottom:1px solid var(--linha)!important}
html body #ces-mailapp .ispm-cm-f input{color:var(--txt)!important}
html body #ces-mailapp .ispm-cm-toolbar{background:var(--cream)!important;border-bottom:1px solid var(--linha)!important}
html body #ces-mailapp .ispm-cm-toolbar button,html body #ces-mailapp .ispm-cm-sched,html body #ces-mailapp .ispm-cm-cctoggle{border-color:var(--linha)!important;color:var(--t2)!important}
html body #ces-mailapp .ispm-cm-body,html body #ces-mailapp #ispm-body{background:#FFFFFF!important;border-color:var(--linha)!important}
html body #ces-mailapp .ispm-cm-foot{border-top:1px solid var(--linha)!important}
html body #ces-mailapp .ispm-cm-send{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important}
html body #ces-mailapp .ispm-cm-draft,html body #ces-mailapp .ispm-cm-clip{color:var(--t3)!important}
html body #ces-mailapp .ispm-foldersbk{background:rgba(18,33,58,.28)!important}
@media(max-width:860px){html body #ces-mailapp .ispm-folders{box-shadow:8px 0 30px rgba(18,33,58,.18)!important}}
html body #ces-mailapp{color-scheme:light}
html body #ces-mailapp .ispm-search{background:transparent!important;box-shadow:none!important}
/* C&S: o cabecalho usa a marca BRANCA (CES_MARK_WHITE); no fundo areia ela vira marinho por filtro */
html body #ces-mailapp .ispm-brand-top img[alt="C&S"]{filter:brightness(0) invert(11%) sepia(30%) saturate(1500%) hue-rotate(190deg)!important}
html body #ces-mailapp .ispm-brand-top{flex-wrap:nowrap;min-width:0}
html body #ces-mailapp .ispm-brand-nm{white-space:nowrap}
/* 28/10 rodada 3 (c): barra de acao embaixo na leitura do celular (<=640 px; mailapp.js .ispm-mbar) */
@media(max-width:640px){html body #ces-mailapp .ispm-mbar{background:#FFFFFF!important;border-top:1px solid var(--linha)!important;box-shadow:0 -4px 18px rgba(18,33,58,.08)!important}
 html body #ces-mailapp .ispm-mb{color:var(--t2)!important;font-family:var(--sn)!important}
 html body #ces-mailapp .ispm-mb.pri{color:var(--navy)!important}
 html body #ces-mailapp .ispm-mb:active{background:var(--sel)!important}}
/* 28/10 rodada 3 (e): Escrever flutuante na lista do celular (mailapp.js .ispm-fabw) na tinta navy da caixa clara */
@media(max-width:640px){html body #ces-mailapp .ispm-fabw{background:var(--navy)!important;color:#fff!important;font-family:var(--sn)!important;box-shadow:0 8px 22px rgba(18,33,58,.28)!important}}

/* 28/10 MODAIS na caixa clara (RDO, Ponto, Materiais, Equipamentos, senha, contas, guias). Antes: cartao escuro do tema
   antigo sobre a caixa clara + campos e botoes na serifada de fallback (Poppins nao carrega aqui). So cor/fonte/borda. */
html.ces-nativeapp .ces-modal{background:rgba(18,33,58,.36)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html.ces-nativeapp .ces-modal-card{background:#FFFFFF!important;color:#1B2433!important;border:1px solid #E7E1D6!important;
 box-shadow:0 24px 60px rgba(18,33,58,.22)!important;font-family:Inter,system-ui,sans-serif!important}
html.ces-nativeapp .ces-modal-card h3{color:#12213A!important;font-family:'Cormorant Garamond',Georgia,serif!important}
html.ces-nativeapp .ces-modal-card .ces-modal-sub,html.ces-nativeapp .ces-modal-card .ces-opt,html.ces-nativeapp .ces-modal-email span{color:#4E5868!important}
html.ces-nativeapp .ces-modal-card label,html.ces-nativeapp .ces-modal-card b,html.ces-nativeapp .ces-modal-card strong{color:#2A3342!important}
html.ces-nativeapp .ces-modal-card p,html.ces-nativeapp .ces-modal-card li,html.ces-nativeapp .ces-modal-card td,html.ces-nativeapp .ces-modal-card th,html.ces-nativeapp .ces-modal-card span:not([class*=ic]){color:inherit}
html.ces-nativeapp .ces-modal-card input,html.ces-nativeapp .ces-modal-card textarea,html.ces-nativeapp .ces-modal-card select{background:#FFFFFF!important;
 color:#1B2433!important;border:1px solid #D9D1C3!important;font-family:Inter,system-ui,sans-serif!important}
html.ces-nativeapp .ces-modal-card input:focus,html.ces-nativeapp .ces-modal-card textarea:focus,html.ces-nativeapp .ces-modal-card select:focus{border-color:#12213A!important;
 box-shadow:0 0 0 3px rgba(18,33,58,.12)!important;background:#FFFFFF!important}
html.ces-nativeapp .ces-modal-card input::placeholder,html.ces-nativeapp .ces-modal-card textarea::placeholder{color:#7A8290!important}
html.ces-nativeapp .ces-modal-card select option{background:#FFFFFF!important;color:#1B2433!important}
html.ces-nativeapp .ces-modal-card input[type=file]{background:#FBF8F3!important;border-style:dashed!important}
html.ces-nativeapp .ces-modal-card input[type=file]::file-selector-button{background:#12213A!important;color:#FFFFFF!important;border:0!important}
html.ces-nativeapp .ces-modal-card button{font-family:Inter,system-ui,sans-serif!important}
html.ces-nativeapp .ces-modal-msg{color:#4E5868!important}
html.ces-nativeapp .ces-modal-msg.ok{color:#1F6B4F!important}html.ces-nativeapp .ces-modal-msg.err{color:#B3261E!important}
html.ces-nativeapp .ces-modal-actions .ca-cancel{background:#F1ECE3!important;color:#12213A!important;border:1px solid #E7E1D6!important}
html.ces-nativeapp .ces-modal-actions .ca-create{background:#12213A!important;color:#FFFFFF!important}
html.ces-nativeapp .ces-modal-actions .ca-create:hover{background:#1C3156!important}
/* cores do tema escuro EMBUTIDAS no script.js (style= inline e classes antigas): remapeadas para a caixa clara (medido 28/10, WCAG >= 4.5) */
html.ces-nativeapp .ces-modal-card [style*="color:#9aa0bf" i],html.ces-nativeapp .ces-modal-card [style*="color:#AEB4E4" i],
html.ces-nativeapp .ces-modal-card [style*="color:#6b7390" i],html.ces-nativeapp .ces-modal-card [style*="color:#D6CDB8" i],html.ces-nativeapp .ces-modal-card .pt-lbl{color:#4E5868!important}
html.ces-nativeapp .ces-modal-card [style*="color:var(--ces-cream" i],html.ces-nativeapp .ces-modal-card [style*="color:#F7F3EC" i],html.ces-nativeapp .ces-modal-card [style*="color:#F3E9CF" i]{color:#1B2433!important}
html.ces-nativeapp .ces-modal-card [style*="color:#FF8A80" i]{color:#B3261E!important}
html.ces-nativeapp .ces-modal-card [style*="color:#E6A040" i]{color:#8A5A00!important}
html.ces-nativeapp .ces-modal-card [style*="color:#D2AE74" i],html.ces-nativeapp .ces-modal-card [style*="color:#D2AE64" i]{color:#7A5620!important}
html.ces-nativeapp .ces-modal-card [style*="color:#79CFC8" i],html.ces-nativeapp .ces-modal-card [style*="color:#27ae60" i]{color:#1F6B4F!important}
html.ces-nativeapp .ces-modal-card [style*="rgba(255,255,255,.12)"]{border-color:#E7E1D6!important}
html.ces-nativeapp .ces-modal-card .mat-del{color:#B3261E!important;background:rgba(179,38,30,.08)!important;border-color:rgba(179,38,30,.3)!important}
html.ces-nativeapp .ces-modal-card .mat-add,html.ces-nativeapp .ces-modal-card .pt-add{color:#1F6B4F!important;border-color:rgba(31,107,79,.4)!important}
html.ces-nativeapp .ces-modal-card .crm-mini{color:#7A5620!important;background:rgba(138,106,46,.08)!important;border-color:rgba(138,106,46,.35)!important}
html.ces-nativeapp .ces-modal-card .cc-pk{color:#1F6B4F!important;background:rgba(31,107,79,.07)!important;border-color:rgba(31,107,79,.35)!important}
html.ces-nativeapp .ces-modal-card button:disabled{background:#DCE0E6!important;color:#3D4656!important;background-image:none!important}
/* botao primario sem classe propria (rdo-send, envio do ponto, salvar senha, criar obra) caia no cinza padrao do navegador: parecia desabilitado */
html.ces-nativeapp .ces-modal-actions button:not(.ca-cancel):not(:disabled){background:#12213A!important;background-image:none!important;color:#FFFFFF!important;border:1px solid #12213A!important;-webkit-appearance:none;appearance:none}
html.ces-nativeapp .ces-modal-actions button:not(.ca-cancel):not(:disabled):hover{background:#1C3156!important}
/* 9.44 (28/10): linha do PONTO no celular. Rotulos eram irmaos soltos no flex e caiam ao lado de outro campo; grade rotulo-sobre-campo, so CSS */
@media (max-width:700px){
html.ces-nativeapp .ponto-row>div:first-child{display:grid!important;grid-template-columns:1fr 1fr auto;gap:8px!important;align-items:center}
html.ces-nativeapp .ponto-row .pt-nome{grid-column:1/3;grid-row:1;min-width:0!important}
html.ces-nativeapp .ponto-row .mat-del{grid-column:3;grid-row:1;margin:0!important}
html.ces-nativeapp .ponto-row .pt-func{grid-column:1;grid-row:2;min-width:0!important}
html.ces-nativeapp .ponto-row .pt-data{grid-column:2/4;grid-row:2;min-width:0!important}
html.ces-nativeapp .ponto-row>div:nth-child(2){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px!important;row-gap:4px!important;align-items:end}
html.ces-nativeapp .ponto-row>div:nth-child(2)>*{width:auto!important;min-width:0!important;box-sizing:border-box}
html.ces-nativeapp .ponto-row .pt-lbl:nth-of-type(1){grid-column:1;grid-row:1}
html.ces-nativeapp .ponto-row .pt-lbl:nth-of-type(2){grid-column:2/4;grid-row:1}
html.ces-nativeapp .ponto-row .pt-ent{grid-column:1;grid-row:2}
html.ces-nativeapp .ponto-row .pt-int-ini{grid-column:2;grid-row:2}
html.ces-nativeapp .ponto-row .pt-int-fim{grid-column:3;grid-row:2}
html.ces-nativeapp .ponto-row .pt-lbl:nth-of-type(3){grid-column:1;grid-row:3;margin-top:6px}
html.ces-nativeapp .ponto-row .pt-lbl:nth-of-type(4){grid-column:2;grid-row:3;margin-top:6px}
html.ces-nativeapp .ponto-row .pt-sai{grid-column:1;grid-row:4}
html.ces-nativeapp .ponto-row .pt-extra{grid-column:2;grid-row:4}
html.ces-nativeapp .ponto-row .pt-aus{grid-column:3;grid-row:4}
}

/* 07/11/2026 celular: a barra de selecao tem mais acoes que a largura (arquivar/spam/excluir ficavam fora da tela); agora rola de lado */
@media (max-width:900px){html body .ispm-bulk{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}html body .ispm-bulk::-webkit-scrollbar{display:none}html body .ispm-bulk>*{flex:none!important}}

/* 07/11/2026: barra de leitura com mais acoes que a largura do painel (Varrer/Ignorar saiam do painel); quebra em 2 linhas so quando falta espaco */
html body .ispm-read-bar{flex-wrap:wrap!important;row-gap:6px}html body .ispm-read-bar>*{min-width:0}