/* E-mail AgilizaID no ERP (17/10/2026): lista à esquerda, leitura à direita;
   no celular, lista e leitura em telas separadas com «Voltar». */
#page-email-comercial .em-barra { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 4px 0 10px; }
#page-email-comercial .em-caixa { flex: 0 1 280px; min-height: 38px; }
#page-email-comercial .em-busca { position: relative; flex: 1 1 300px; min-width: 0; }
#page-email-comercial .em-busca > i, #page-email-comercial .em-busca > svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: var(--muted); pointer-events: none; }
#page-email-comercial .em-busca input { width: 100%; padding-left: 36px !important; min-height: 38px; box-sizing: border-box; }
#page-email-comercial .em-barra .btn { display: inline-flex; align-items: center; gap: 6px; min-height: 38px; font-weight: 600; }
#page-email-comercial .em-pastas { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
#page-email-comercial .em-pasta { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: 999px; padding: 6px 12px; font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
#page-email-comercial .em-pasta svg, #page-email-comercial .em-pasta i { width: 14px; height: 14px; color: var(--muted); }
#page-email-comercial .em-pasta.ativa { background: var(--navy); color: #fff; border-color: var(--navy); }
#page-email-comercial .em-pasta.ativa svg { color: #fff; }
#page-email-comercial .em-num { background: var(--orange); color: #fff; border-radius: 999px; padding: 0 7px; font-size: 11px; line-height: 18px; }
#page-email-comercial .em-layout { display: grid; grid-template-columns: minmax(300px, 38%) minmax(0, 1fr); gap: 14px; align-items: start; }
#page-email-comercial .em-col-lista, #page-email-comercial .em-col-ler { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r); min-width: 0; }
#page-email-comercial .em-lista { display: flex; flex-direction: column; max-height: calc(100vh - 290px); overflow-y: auto; }
#page-email-comercial .em-item { display: flex; flex-direction: column; gap: 3px; text-align: left; border: 0; border-bottom: 1px solid var(--surface2); background: transparent; padding: 10px 14px; font: inherit; color: var(--text); cursor: pointer; }
#page-email-comercial .em-item:hover { background: var(--surface2); }
#page-email-comercial .em-item.ativa { background: rgba(15, 23, 42, .07); }
#page-email-comercial .em-item:focus-visible, #page-email-comercial .em-pasta:focus-visible { outline: 2px solid var(--orange); outline-offset: -2px; }
#page-email-comercial .em-item-topo { display: flex; gap: 8px; align-items: baseline; }
#page-email-comercial .em-item-quem { flex: 1; min-width: 0; font-size: 13px; color: var(--navy); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#page-email-comercial .em-item-data { font-size: 11px; color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
#page-email-comercial .em-item-assunto { font-size: 12.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 4px; }
#page-email-comercial .em-item-assunto svg { width: 12px; height: 12px; flex: 0 0 12px; }
#page-email-comercial .em-item.nao-lida { box-shadow: inset 3px 0 0 var(--orange); }
#page-email-comercial .em-item.nao-lida .em-item-quem { font-weight: 700; }
#page-email-comercial .em-item.nao-lida .em-item-assunto { color: var(--text); font-weight: 600; }
#page-email-comercial .em-pag { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-top: 1px solid var(--border); flex-wrap: wrap; }
#page-email-comercial .em-pag:empty { display: none; }
#page-email-comercial .em-pag-so { flex: 1; text-align: center; }
#page-email-comercial .em-sub { color: var(--muted); font-size: 12px; font-weight: 400; }
#page-email-comercial .em-vazio { padding: 28px 16px; text-align: center; color: var(--muted); font-size: 13px; }
#page-email-comercial .em-vazio-ler { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 60px 16px; }
#page-email-comercial .em-vazio-ler svg { width: 32px; height: 32px; color: var(--border); }
#page-email-comercial .em-erro { color: #b91c1c; }
#page-email-comercial .em-col-ler { padding: 14px 18px 18px; }
#page-email-comercial .em-ler-topo { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 6px; }
#page-email-comercial .em-ler-topo .btn { display: inline-flex; align-items: center; gap: 6px; }
#page-email-comercial .em-voltar { display: none; margin-right: auto; border: 0; background: transparent; color: var(--muted); font: inherit; font-size: 13px; font-weight: 600; align-items: center; gap: 6px; cursor: pointer; padding: 4px 0; }
#page-email-comercial .em-voltar svg { width: 16px; height: 16px; }
#page-email-comercial .em-assunto { font-family: 'Sora', sans-serif; font-size: 17px; font-weight: 700; color: var(--navy); margin: 0 0 8px; overflow-wrap: anywhere; }
#page-email-comercial .em-cab { font-size: 13px; display: flex; flex-direction: column; gap: 2px; margin-bottom: 10px; overflow-wrap: anywhere; }
#page-email-comercial .em-anexos { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
#page-email-comercial .em-anexo { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--border); border-radius: 8px; padding: 5px 10px; font-size: 12.5px; color: var(--navy); text-decoration: none; max-width: 100%; }
#page-email-comercial .em-anexo span:first-of-type { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 240px; }
#page-email-comercial .em-anexo svg { width: 14px; height: 14px; flex: 0 0 14px; }
#page-email-comercial .em-anexo:hover { background: var(--surface2); }
#page-email-comercial .em-aviso-img { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12px; color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-radius: 8px; padding: 6px 10px; margin-bottom: 10px; }
#page-email-comercial .em-aviso-img svg { width: 15px; height: 15px; flex: 0 0 15px; }
#page-email-comercial .em-aviso-txt { flex: 1 1 200px; min-width: 0; }
#page-email-comercial .em-iframe { width: 100%; height: calc(100vh - 360px); min-height: 360px; border: 1px solid var(--border); border-radius: 10px; background: #fff; }
#page-email-comercial .em-texto { white-space: pre-wrap; overflow-wrap: anywhere; font: 13px/1.55 system-ui, sans-serif; margin: 0; padding: 12px; border: 1px solid var(--border); border-radius: 10px; background: #fff; max-height: calc(100vh - 360px); overflow: auto; }
#page-email-comercial .em-btn-escrever { margin-left: auto; }
#page-email-comercial .em-respondida { width: 12px; height: 12px; margin-right: 4px; vertical-align: -1px; color: var(--muted); }
#page-email-comercial .em-acoes { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
#page-email-comercial .em-acoes .btn { display: inline-flex; align-items: center; gap: 6px; }
#page-email-comercial .em-acoes svg { width: 14px; height: 14px; }
#page-email-comercial .em-rot-curto { display: none; }

/* Janela de escrever (fica no <body>, fora da página). */
#modal-email-escrever .em-escrever { max-width: 760px; display: flex; flex-direction: column; overflow: hidden; }
#modal-email-escrever .em-c-corpo { display: flex; flex-direction: column; gap: 0; overflow-y: auto; padding-top: 10px; }
#modal-email-escrever .em-c-linha { display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--surface2); padding: 2px 0; }
#modal-email-escrever .em-c-linha[hidden] { display: none; }
#modal-email-escrever .em-c-rot { flex: 0 0 58px; font-size: 12.5px; color: var(--muted); font-weight: 600; }
#modal-email-escrever .em-c-de { font-size: 13.5px; color: var(--navy); padding: 9px 0; overflow-wrap: anywhere; }
#modal-email-escrever .em-c-linha .form-input { flex: 1 1 auto; min-width: 0; border: 0; box-shadow: none; background: transparent; padding: 9px 0; border-radius: 0; }
#modal-email-escrever .em-c-linha .form-input:focus { outline: none; box-shadow: none; }
#modal-email-escrever .em-c-linha:focus-within { border-bottom-color: var(--orange); }
#modal-email-escrever .em-c-corpo { position: relative; }
#modal-email-escrever .em-c-linha-dest { align-items: flex-start; }
#modal-email-escrever .em-c-linha-dest .em-c-rot { padding-top: 10px; }
#modal-email-escrever .em-c-dest { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 5px; padding: 5px 0; cursor: text; max-height: 132px; overflow-y: auto; }
#modal-email-escrever .em-c-chips { display: contents; }
#modal-email-escrever .em-c-dest-input { flex: 1 1 140px; min-width: 120px; border: 0; outline: none; background: transparent; font: inherit; font-size: 14px; color: var(--text); padding: 4px 0; }
#modal-email-escrever .em-c-chip { display: inline-flex; align-items: center; gap: 2px; max-width: 100%; background: #f1f3f6; border: 1px solid #e2e6ec; border-radius: 999px; padding: 2px 2px 2px 10px; font-size: 13px; color: var(--navy); line-height: 20px; }
#modal-email-escrever .em-c-chip-txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; cursor: text; border-radius: 999px; }
/* Clicar na etiqueta corrige o endereço (09/11/2026): o realce mostra que dá. */
#modal-email-escrever .em-c-chip-txt:hover { text-decoration: underline dotted; }
#modal-email-escrever .em-c-chip-txt:focus-visible { outline: 2px solid var(--em-cor, #f59e0b); outline-offset: 1px; }
#modal-email-escrever .em-c-chip.ruim { background: #fef2f2; border-color: #fca5a5; color: #b91c1c; }
#modal-email-escrever .em-c-chip-x { border: 0; background: transparent; color: var(--muted); width: 20px; height: 20px; border-radius: 50%; font-size: 15px; line-height: 1; cursor: pointer; padding: 0; flex: 0 0 20px; }
#modal-email-escrever .em-c-chip-x:hover { background: #e2e6ec; color: var(--text); }
#modal-email-escrever .em-c-links { display: inline-flex; gap: 2px; padding-top: 6px; }
#modal-email-escrever .em-c-links [hidden] { display: none; }
#modal-email-escrever .em-c-sug { position: absolute; left: 92px; right: 24px; z-index: 5; background: #fff; border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 12px 32px rgba(15, 23, 42, .14); padding: 4px; display: flex; flex-direction: column; }
#modal-email-escrever .em-c-sug[hidden] { display: none; }
#modal-email-escrever .em-c-sug-item { display: flex; flex-direction: column; align-items: flex-start; gap: 0; border: 0; background: transparent; text-align: left; padding: 7px 10px; border-radius: 7px; cursor: pointer; font: inherit; color: var(--text); }
#modal-email-escrever .em-c-sug-item.ativo, #modal-email-escrever .em-c-sug-item:hover { background: var(--surface2); }
#modal-email-escrever .em-c-sug-nome { font-size: 13.5px; font-weight: 600; color: var(--navy); }
#modal-email-escrever .em-c-info { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 12.5px; color: var(--muted); padding: 8px 0 2px; }
#modal-email-escrever .em-c-info[hidden] { display: none; }
#modal-email-escrever .em-c-info strong { color: var(--navy); }
#modal-email-escrever .em-c-sep { color: var(--border); }
#modal-email-escrever .em-c-link { border: 0; background: transparent; color: var(--muted); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; padding: 4px 2px; white-space: nowrap; }
#modal-email-escrever .em-c-link:hover { color: var(--navy); }
/* Cabeçalho: título + «Rascunho salvo às…» */
#modal-email-escrever .em-c-cab { align-items: center; }
#modal-email-escrever .em-c-cab-txt { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; min-width: 0; }
#modal-email-escrever .em-c-status { font-size: 12px; color: var(--muted); }

/* Editor */
#modal-email-escrever .em-ed { position: relative; margin-top: 12px; border: 1px solid var(--border); border-radius: 10px; background: #fff; }
#modal-email-escrever .em-ed:focus-within { border-color: #d6c27a; box-shadow: 0 0 0 3px rgba(212, 160, 23, .12); }
#modal-email-escrever .em-ed-barra { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; padding: 5px 6px; border-bottom: 1px solid var(--surface2); background: #fafbfc; border-radius: 10px 10px 0 0; }
#modal-email-escrever .em-ed-sel { height: 30px; border: 1px solid transparent; background: transparent; border-radius: 6px; font: inherit; font-size: 12.5px; color: var(--text); padding: 0 4px; cursor: pointer; }
#modal-email-escrever .em-ed-sel:hover, #modal-email-escrever .em-ed-sel:focus { border-color: var(--border); background: #fff; outline: none; }
#modal-email-escrever .em-ed-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 30px; height: 30px; padding: 0 6px; border: 0; border-radius: 6px; background: transparent; color: #334155; cursor: pointer; font: inherit; font-size: 12.5px; font-weight: 600; }
#modal-email-escrever .em-ed-btn svg { width: 16px; height: 16px; }
#modal-email-escrever .em-ed-btn:hover { background: #eef1f5; }
#modal-email-escrever .em-ed-btn.ativo { background: #fbf3dc; color: #7a6112; }
#modal-email-escrever .em-ed-btn:focus-visible, #modal-email-escrever .em-ed-sel:focus-visible { outline: 2px solid var(--orange); outline-offset: 1px; }
#modal-email-escrever .em-ed-sep { width: 1px; height: 18px; background: var(--border); margin: 0 4px; }
#modal-email-escrever .em-ed-cor-wrap { position: relative; display: inline-flex; }
#modal-email-escrever .em-ed-cor-amostra { position: absolute; left: 8px; right: 8px; bottom: 4px; height: 3px; border-radius: 2px; background: #1f2937; }
#modal-email-escrever .em-ed-cores { position: absolute; top: 34px; left: 0; z-index: 6; display: grid; grid-template-columns: repeat(6, 24px); gap: 6px; padding: 10px; background: #fff; border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 12px 30px rgba(15, 23, 42, .14); }
#modal-email-escrever .em-ed-cores[hidden] { display: none; }
#modal-email-escrever .em-ed-cor { width: 24px; height: 24px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px var(--border); cursor: pointer; padding: 0; }
#modal-email-escrever .em-ed-cor:hover { transform: scale(1.1); }
#modal-email-escrever .em-ed-cor-padrao { grid-column: 1 / -1; border: 0; background: transparent; color: var(--muted); font: inherit; font-size: 12px; text-align: left; padding: 2px 0 0; cursor: pointer; }
#modal-email-escrever .em-ed-area { min-height: 220px; max-height: 46vh; overflow-y: auto; padding: 14px 16px; outline: none; font: 15px/1.6 Arial, Helvetica, sans-serif; color: #1f2937; overflow-wrap: anywhere; }
#modal-email-escrever .em-escrever.timbrado .em-ed-area { font-family: Georgia, 'Times New Roman', serif; color: #1a1d22; }
#modal-email-escrever .em-ed-area.vazio::before { content: attr(data-placeholder); color: #9aa5b4; pointer-events: none; position: absolute; }
#modal-email-escrever .em-ed-area p { margin: 0 0 12px; }
#modal-email-escrever .em-ed-area ul, #modal-email-escrever .em-ed-area ol { margin: 6px 0 12px; padding-left: 26px; }
#modal-email-escrever .em-ed-area blockquote { margin: 10px 0; padding-left: 12px; border-left: 3px solid #d4a017; color: #4b5563; }
#modal-email-escrever .em-ed-area a:not([data-botao]) { color: #7a6112; text-decoration: underline; cursor: pointer; }
/* Botão no editor: igual ao que o cliente vê. */
.em-ed-botao { display: inline-block; padding: 12px 26px; border-radius: 999px; font: 700 15px/1.2 Arial, Helvetica, sans-serif; text-decoration: none !important; cursor: pointer; user-select: none; margin: 6px 0; }
.em-ed-botao-dourado { background: #d4a017; color: #12151a !important; }
.em-ed-botao-grafite { background: #12151a; color: #ffffff !important; }
.em-ed-botao-verde { background: #0f766e; color: #ffffff !important; }
/* Casa do Certificado (cores do site oficial). */
.em-ed-botao-laranja { background: #e47b02; color: #ffffff !important; }
.em-ed-botao-azul { background: #002a44; color: #ffffff !important; }
#modal-email-escrever .em-ed-area .em-ed-botao:hover { box-shadow: 0 0 0 3px rgba(212, 160, 23, .35); }
.em-ed-botao-mini { padding: 6px 12px; font-size: 12px; margin: 0; }

/* Janelinha de link / botão */
/* Fixa no centro da tela: dentro do corpo da janela (que rola) ela seria cortada. */
#modal-email-escrever .em-ed-pop { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 30; width: min(440px, calc(100vw - 24px)); max-height: calc(100vh - 32px); overflow-y: auto; background: #fff; border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 18px 48px rgba(15, 23, 42, .2); padding: 14px; display: flex; flex-direction: column; gap: 10px; }
#modal-email-escrever .em-ed-pop[hidden] { display: none; }
#modal-email-escrever .em-ed-pop-tit { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--navy); font-size: 14px; }
#modal-email-escrever .em-ed-pop-tit svg { width: 16px; height: 16px; color: #a88419; }
#modal-email-escrever .em-ed-campo { display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 600; color: var(--muted); }
#modal-email-escrever .em-ed-campo .form-input { font-weight: 400; }
#modal-email-escrever .em-ed-opcoes { display: flex; flex-wrap: wrap; gap: 8px; }
#modal-email-escrever .em-ed-opc { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; color: var(--text); font-size: 13px; cursor: pointer; }
#modal-email-escrever .em-ed-pop-erro { font-size: 12.5px; color: #b91c1c; }
#modal-email-escrever .em-ed-pop-erro[hidden] { display: none; }
#modal-email-escrever .em-ed-pop-acoes { display: flex; align-items: center; gap: 6px; }
#modal-email-escrever .em-ed-remover { color: #b91c1c; }

/* Interruptor «Papel timbrado» */
#modal-email-escrever .em-c-sw { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--text); cursor: pointer; user-select: none; }
#modal-email-escrever .em-c-sw input { position: absolute; opacity: 0; width: 1px; height: 1px; }
#modal-email-escrever .em-c-sw-trilho { position: relative; width: 34px; height: 20px; border-radius: 999px; background: #cbd5e1; transition: background .15s; flex: 0 0 34px; }
#modal-email-escrever .em-c-sw-trilho::after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: transform .15s; }
#modal-email-escrever .em-c-sw input:checked + .em-c-sw-trilho { background: #c9a227; }
#modal-email-escrever .em-c-sw input:checked + .em-c-sw-trilho::after { transform: translateX(14px); }
#modal-email-escrever .em-c-sw input:focus-visible + .em-c-sw-trilho { outline: 2px solid var(--orange); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { #modal-email-escrever .em-c-sw-trilho, #modal-email-escrever .em-c-sw-trilho::after { transition: none; } }
#modal-email-escrever .em-c-anexo.subindo { opacity: .7; }
#modal-email-escrever .em-c-orig { margin-top: 10px; }
#modal-email-escrever .em-c-check { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted); cursor: pointer; }
#modal-email-escrever .em-c-citacao { margin: 6px 0 0; padding: 8px 10px 8px 12px; border-left: 3px solid var(--border); background: var(--surface2); border-radius: 0 8px 8px 0; font: 12px/1.5 system-ui, sans-serif; color: var(--muted); white-space: pre-wrap; overflow-wrap: anywhere; max-height: 150px; overflow: auto; }
#modal-email-escrever .em-c-orig:has(#em-c-incluir:not(:checked)) .em-c-citacao { opacity: .45; text-decoration: line-through; }
#modal-email-escrever .em-c-anexos { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
#modal-email-escrever .em-c-anexos:empty { display: none; }
#modal-email-escrever .em-c-anexo { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; border: 1px solid var(--border); border-radius: 8px; padding: 4px 6px 4px 9px; font-size: 12.5px; color: var(--navy); background: var(--surface); }
#modal-email-escrever .em-c-anexo svg { width: 13px; height: 13px; flex: 0 0 13px; }
#modal-email-escrever .em-c-anexo input { margin: 0; }
#modal-email-escrever .em-c-anexo.fora { opacity: .5; text-decoration: line-through; }
#modal-email-escrever .em-c-anexo-nome { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; }
#modal-email-escrever .em-c-tirar { border: 0; background: transparent; color: var(--muted); font-size: 16px; line-height: 1; cursor: pointer; padding: 0 4px; border-radius: 4px; }
#modal-email-escrever .em-c-tirar:hover { color: #b91c1c; background: var(--surface2); }
#modal-email-escrever .em-c-soma { margin-left: 2px; }
#modal-email-escrever .em-sub { color: var(--muted); font-size: 11.5px; }
#modal-email-escrever .em-erro { color: #b91c1c; }
#modal-email-escrever .em-c-erro { margin-top: 10px; font-size: 13px; color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: 8px 10px; }
#modal-email-escrever .em-c-rodape { align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding-top: 12px; border-top: 1px solid var(--surface2); }
#modal-email-escrever .em-c-rodape-esq, #modal-email-escrever .em-c-rodape-dir { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#modal-email-escrever .em-c-descartar:hover { color: #b91c1c; }

/* Pré-visualização */
#modal-email-previa .em-previa { max-width: 860px; display: flex; flex-direction: column; overflow: hidden; }
#modal-email-previa .em-previa-barra { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 10px 24px; }
#modal-email-previa .em-previa-meta { font-size: 13px; min-width: 0; overflow-wrap: anywhere; }
#modal-email-previa .em-sub { color: var(--muted); }
#modal-email-previa .em-seg { display: inline-flex; border: 1px solid var(--border); border-radius: 999px; padding: 3px; }
#modal-email-previa .em-seg button { border: 0; background: transparent; color: var(--muted); font: 600 12.5px inherit; font-family: inherit; padding: 6px 12px; border-radius: 999px; cursor: pointer; }
#modal-email-previa .em-seg button[aria-pressed="true"] { background: var(--navy); color: #fff; }
#modal-email-previa .em-previa-palco { background: #e7eaee; padding: 16px; display: flex; justify-content: center; min-height: 300px; overflow: auto; }
#modal-email-previa .em-previa-iframe { width: 100%; max-width: 700px; height: 64vh; border: 0; border-radius: 6px; background: #fff; transition: max-width .2s; }
#modal-email-previa .em-previa-palco.celular .em-previa-iframe { max-width: 375px; }
#modal-email-previa .em-vazio { padding: 40px; color: var(--muted); }
#modal-email-previa .em-erro { color: #b91c1c; }
@media (max-width: 768px) {
  #modal-email-previa.overlay { padding: 0; align-items: stretch; }
  #modal-email-previa .em-previa { max-width: none; max-height: none; height: 100%; border-radius: 0; }
  #modal-email-previa .em-previa-palco { padding: 8px; flex: 1 1 auto; }
  #modal-email-previa .em-previa-iframe { height: 100%; min-height: 60vh; }
  #modal-email-previa .em-previa-barra { padding: 10px 16px; }
}

/* Rascunhos na lista */
#page-email-comercial .em-num-neutro { background: #e2e8f0; color: #334155; }
#page-email-comercial .em-pasta.ativa .em-num-neutro { background: rgba(255,255,255,.2); color: #fff; }
#page-email-comercial .em-rasc-tag { display: inline-block; font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #b45309; background: #fef3c7; border-radius: 4px; padding: 1px 5px; margin-right: 4px; vertical-align: 1px; }
#page-email-comercial .em-item-rasc .em-item-assunto .em-sub { font-weight: 400; }
#modal-email-escrever .em-c-rodape .btn { display: inline-flex; align-items: center; gap: 6px; }
#modal-email-escrever .em-c-anexar { cursor: pointer; }
#modal-email-escrever .em-c-espaco { flex: 1; }
#modal-email-escrever .em-c-girando { width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: em-girar .8s linear infinite; }
@keyframes em-girar { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #modal-email-escrever .em-c-girando { animation-duration: 2.4s; } }

@media (max-width: 768px) {
  #modal-email-escrever.overlay { padding: 0; align-items: stretch; }
  #modal-email-escrever .em-escrever { max-width: none; max-height: none; height: 100%; border-radius: 0; }
  #modal-email-escrever .modal-header { padding: 14px 16px 0; }
  #modal-email-escrever .em-c-corpo { padding: 8px 16px 12px; flex: 1 1 auto; }
  #modal-email-escrever .em-c-rodape { padding: 10px 16px calc(12px + env(safe-area-inset-bottom, 0px)); gap: 8px; }
  #modal-email-escrever .em-c-rodape-dir { flex: 1 1 auto; justify-content: flex-end; }
  #modal-email-escrever .em-c-rot-btn { display: none; }
  #modal-email-escrever .em-c-rodape .btn-ghost { padding-left: 10px; padding-right: 10px; }
  #modal-email-escrever .em-ed-area { min-height: 180px; max-height: none; padding: 12px; }
  #modal-email-escrever .em-ed-barra { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  #modal-email-escrever .em-ed-barra::-webkit-scrollbar { display: none; }
  #modal-email-escrever .em-ed-btn, #modal-email-escrever .em-ed-sel { flex: 0 0 auto; height: 34px; min-width: 34px; }
  #modal-email-escrever .em-ed-cores { position: fixed; top: auto; bottom: calc(84px + env(safe-area-inset-bottom, 0px)); left: 16px; right: 16px; grid-template-columns: repeat(6, 1fr); justify-items: center; }
  #modal-email-escrever .em-ed-pop { position: fixed; top: auto; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); left: 12px; right: 12px; transform: none; width: auto; }
  #modal-email-escrever .em-c-cab-txt { gap: 2px 10px; }
  #modal-email-escrever .em-c-anexo-nome { max-width: 150px; }
  #modal-email-escrever .em-c-rot { flex-basis: 50px; }
  #modal-email-escrever .em-c-sug { left: 16px; right: 16px; }
  #modal-email-escrever .em-c-chip { font-size: 12.5px; }
  #page-email-comercial .em-btn-escrever { margin-left: 0; }
  #page-email-comercial .em-acoes .em-rot { display: none; }
  #page-email-comercial .em-acoes .em-rot-curto { display: inline; }
  #page-email-comercial .em-caixa { flex: 1 1 100%; }
  /* Busca em linha própria: dividindo a linha com os 5 botões, no S25 sobravam ~30 px e o Atualizar cobria a caixa (auditoria 18/10). */
  #page-email-comercial .em-busca { flex: 1 1 100%; }
  #page-email-comercial .em-barra .btn { padding: 0 11px; }
  #page-email-comercial .em-barra .em-rot { display: none; }
  #page-email-comercial .em-aviso-img { display: grid; grid-template-columns: 15px minmax(0, 1fr); }
  #page-email-comercial .em-aviso-img .btn { grid-column: 2; justify-self: start; }
  #page-email-comercial .em-layout { grid-template-columns: minmax(0, 1fr); }
  #page-email-comercial .em-col-ler { display: none; padding: 12px; }
  #page-email-comercial .em-layout.em-lendo .em-col-lista { display: none; }
  #page-email-comercial .em-layout.em-lendo .em-col-ler { display: block; }
  #page-email-comercial .em-voltar { display: inline-flex; }
  #page-email-comercial .em-lista { max-height: none; }
  #page-email-comercial .em-item { padding: 12px; }
  #page-email-comercial .em-iframe { height: 70vh; min-height: 300px; }
  #page-email-comercial .em-pastas { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  #page-email-comercial .em-pasta { flex: 0 0 auto; }
}

/* ══ Organizar (17/10): linhas com seleção, estrela, ações rápidas, menu ══ */
/* Cor da caixa: só no ERP, para ninguém enviar pela caixa errada. */
#page-email-comercial { --em-cor: #c9a227; }
/* O endereço inteiro sempre à vista (contato@casadocertificado.com.br cortava em 300 px — 18/10):
   o seletor mede o maior endereço; a busca é que encolhe. */
#page-email-comercial .em-caixa-wrap { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; min-width: 0; }
#page-email-comercial .em-caixa-wrap .em-caixa { flex: 0 0 auto; width: auto; min-width: 300px; padding-right: 34px; border-left: 4px solid var(--em-cor); }
#page-email-comercial .em-barra .em-busca { flex: 1 1 200px; max-width: 340px; }
/* Atualizar: gira enquanto busca, fica verde «Atualizado» ao terminar (18/10).
   Largura fixa para «Atualizando…» não empurrar os botões vizinhos. */
#page-email-comercial .em-btn-atualizar { min-width: 136px; justify-content: center; transition: background-color .25s, color .25s, border-color .25s; }
#page-email-comercial .em-btn-atualizar .em-at-ico, #page-email-comercial .em-btn-atualizar .em-at-ok { display: inline-flex; }
#page-email-comercial .em-btn-atualizar svg { width: 15px; height: 15px; }
#page-email-comercial .em-btn-atualizar .em-at-ok { display: none; }
#page-email-comercial .em-btn-atualizar.girando { cursor: progress; color: var(--navy); border-color: var(--orange); }
#page-email-comercial .em-btn-atualizar.girando .em-at-ico { animation: em-girar .8s linear infinite; }
#page-email-comercial .em-btn-atualizar.feito { background: #ecfdf5; border-color: #10b981; color: #047857; }
#page-email-comercial .em-btn-atualizar.feito .em-at-ico { display: none; }
#page-email-comercial .em-btn-atualizar.feito .em-at-ok { display: inline-flex; animation: em-surgir .3s ease-out; }
@keyframes em-girar { to { transform: rotate(360deg); } }
@keyframes em-surgir { from { transform: scale(.4); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  #page-email-comercial .em-btn-atualizar.girando .em-at-ico { animation: none; opacity: .5; }
  #page-email-comercial .em-btn-atualizar.feito .em-at-ok { animation: none; }
}
/* «Só não lidas»: no fim da fileira das pastas. */
#page-email-comercial .em-filtro-nl { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; border: 1px dashed var(--border); background: transparent; color: var(--muted); border-radius: 999px; padding: 6px 12px; font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
#page-email-comercial .em-filtro-nl svg, #page-email-comercial .em-filtro-nl i { width: 14px; height: 14px; }
#page-email-comercial .em-filtro-nl:hover { color: var(--text); border-color: var(--orange); }
#page-email-comercial .em-filtro-nl.on { border-style: solid; border-color: var(--orange); background: #fff7ed; color: #c2410c; }
#page-email-comercial .em-filtro-nl:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }
#page-email-comercial .em-caixa-cor { position: relative; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background: var(--em-cor); box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--border); cursor: pointer; overflow: hidden; }
#page-email-comercial .em-caixa-cor input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; border: 0; padding: 0; }
#page-email-comercial .em-caixa-cor:focus-within { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--orange); }
#page-email-comercial .em-col-lista, #page-email-comercial .em-col-ler { border-top: 3px solid var(--em-cor); }

/* Barra de seleção */
#page-email-comercial .em-selbar { display: flex; align-items: center; gap: 6px; min-height: 40px; padding: 4px 10px; border-bottom: 1px solid var(--border); background: #fafbfc; border-radius: var(--r) var(--r) 0 0; flex-wrap: wrap; }
#page-email-comercial .em-selbar[hidden] { display: none; }
#page-email-comercial .em-sel-todas { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--muted); cursor: pointer; padding: 4px; margin-right: 4px; }
#page-email-comercial .em-sel-todas input, #page-email-comercial .em-msg-chk { width: 16px; height: 16px; accent-color: var(--navy); cursor: pointer; margin: 0; flex: 0 0 16px; }
#page-email-comercial .em-sel-acoes { display: flex; flex-wrap: wrap; gap: 2px; }
#page-email-comercial .em-sel-btn { display: inline-flex; align-items: center; gap: 5px; border: 0; background: transparent; color: #334155; font: inherit; font-size: 12.5px; font-weight: 600; padding: 6px 8px; border-radius: 6px; cursor: pointer; }
#page-email-comercial .em-sel-btn svg { width: 15px; height: 15px; }
#page-email-comercial .em-sel-btn:hover { background: #eef1f5; }
#page-email-comercial .em-sel-perigo:hover { color: #b91c1c; background: #fef2f2; }

/* Linha da mensagem: [caixa][estrela][conteúdo][ações] */
#page-email-comercial .em-msg { position: relative; display: flex; align-items: center; gap: 4px; border-bottom: 1px solid var(--surface2); padding-left: 10px; }
#page-email-comercial .em-msg:hover { background: #f6f8fa; }
#page-email-comercial .em-msg.ativa { background: rgba(15, 23, 42, .07); }
#page-email-comercial .em-msg.sel { background: #fdf6e3; }
#page-email-comercial .em-msg.nao-lida { box-shadow: inset 3px 0 0 var(--orange); }
#page-email-comercial .em-msg.nao-lida .em-item-quem { font-weight: 700; }
#page-email-comercial .em-msg.nao-lida .em-item-assunto { color: var(--text); font-weight: 600; }
#page-email-comercial .em-msg-estrela { flex: 0 0 28px; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: #c3cad4; border-radius: 6px; cursor: pointer; padding: 0; }
#page-email-comercial .em-msg-estrela svg { width: 16px; height: 16px; }
#page-email-comercial .em-msg-estrela:hover { color: #a88419; background: #fbf3dc; }
#page-email-comercial .em-msg-estrela.on { color: #d4a017; }
#page-email-comercial .em-msg-estrela.on svg { fill: #d4a017; }
#page-email-comercial .em-msg-abrir { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; text-align: left; border: 0; background: transparent; padding: 10px 10px 10px 4px; font: inherit; color: var(--text); cursor: pointer; }
#page-email-comercial .em-msg-abrir:focus-visible, #page-email-comercial .em-msg-estrela:focus-visible, #page-email-comercial .em-rap:focus-visible, #page-email-comercial .em-sel-btn:focus-visible { outline: 2px solid var(--orange); outline-offset: -2px; }
#page-email-comercial .em-ico-fixada { width: 12px; height: 12px; margin-right: 4px; vertical-align: -1px; color: #a88419; }
/* Ações rápidas: aparecem ao passar o mouse (computador), no lugar da data. */
#page-email-comercial .em-msg-rapidas { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); display: none; gap: 2px; background: #f6f8fa; padding-left: 8px; }
#page-email-comercial .em-msg:hover .em-msg-rapidas, #page-email-comercial .em-msg:focus-within .em-msg-rapidas { display: inline-flex; }
#page-email-comercial .em-msg.sel .em-msg-rapidas { background: #fdf6e3; }
#page-email-comercial .em-rap { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: #475569; border-radius: 6px; cursor: pointer; padding: 0; }
#page-email-comercial .em-rap svg { width: 16px; height: 16px; }
#page-email-comercial .em-rap:hover { background: #e7ebf0; color: var(--navy); }
#page-email-comercial .em-rap-perigo:hover { background: #fef2f2; color: #b91c1c; }
#page-email-comercial .em-grupo { display: flex; align-items: center; gap: 6px; padding: 7px 14px 5px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); background: #fafbfc; border-bottom: 1px solid var(--surface2); }
#page-email-comercial .em-grupo svg { width: 12px; height: 12px; color: #a88419; }

/* Ícones na leitura */
#page-email-comercial .em-ler-ics { display: inline-flex; gap: 2px; margin-left: auto; }
#page-email-comercial .em-ler-ic { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; background: transparent; color: #475569; border-radius: 8px; cursor: pointer; padding: 0; }
#page-email-comercial .em-ler-ic svg { width: 17px; height: 17px; }
#page-email-comercial .em-ler-ic:hover { background: #eef1f5; color: var(--navy); }
#page-email-comercial .em-ler-ic.on { color: #a88419; }
#page-email-comercial .em-ler-ic.on svg { fill: #d4a017; }
#page-email-comercial .em-ler-ic.perigo:hover { background: #fef2f2; color: #b91c1c; }
#page-email-comercial .em-ler-ic:focus-visible { outline: 2px solid var(--orange); outline-offset: 1px; }
#page-email-comercial .em-ler-topo { align-items: center; }

/* Menu (botão direito / «⋮» / toque longo) — fica no <body> */
.em-menu { position: fixed; z-index: 1000; min-width: 230px; max-width: calc(100vw - 16px); max-height: calc(100vh - 16px); overflow-y: auto; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 16px 40px rgba(15, 23, 42, .18); padding: 6px; display: flex; flex-direction: column; font-family: inherit; }
.em-menu[hidden] { display: none; }
.em-menu-tit { font-size: 11.5px; font-weight: 700; color: #64748b; padding: 6px 10px 4px; text-transform: uppercase; letter-spacing: .05em; }
.em-menu-item { display: flex; align-items: center; gap: 10px; width: 100%; border: 0; background: transparent; text-align: left; font: inherit; font-size: 13.5px; color: #1e293b; padding: 8px 10px; border-radius: 8px; cursor: pointer; }
.em-menu-item svg { width: 16px; height: 16px; color: #64748b; flex: 0 0 16px; }
.em-menu-item:hover, .em-menu-item:focus-visible { background: #f1f5f9; outline: none; }
.em-menu-item.perigo { color: #b91c1c; }
.em-menu-item.perigo svg { color: #b91c1c; }
.em-menu-item.perigo:hover { background: #fef2f2; }
.em-menu-sep { height: 1px; background: #eef1f4; margin: 4px 6px; }
.em-menu-fundo { position: fixed; inset: 0; z-index: 999; background: rgba(15, 23, 42, .35); }
.em-menu.folha { left: 0 !important; right: 0; top: auto !important; bottom: 0; min-width: 0; max-width: none; max-height: 75vh; border-radius: 16px 16px 0 0; padding: 8px 8px calc(12px + env(safe-area-inset-bottom, 0px)); }
.em-menu.folha .em-menu-item { padding: 13px 12px; font-size: 15px; }
@media (prefers-reduced-motion: no-preference) { .em-menu.folha { animation: em-sobe .16s ease-out; } }
@keyframes em-sobe { from { transform: translateY(24px); opacity: .6; } to { transform: none; opacity: 1; } }

/* Janela de escrever: faixa e etiqueta com a cor da caixa de onde sai */
#modal-email-escrever .em-escrever { border-top: 5px solid var(--em-cor, #c9a227); }
#modal-email-escrever .em-c-de-pill { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--navy); }
#modal-email-escrever .em-c-de-pill::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--em-cor, #c9a227); flex: 0 0 10px; }

/* Confirmação antes de enviar */
#modal-email-confirmar .em-confirmar { max-width: 460px; overflow: hidden; padding: 0; }
#modal-email-confirmar .em-cf-faixa { height: 6px; background: var(--em-cor, #c9a227); }
#modal-email-confirmar .em-cf-corpo { padding: 22px 24px 8px; }
#modal-email-confirmar .em-cf-tit { font-size: 14px; color: var(--muted); }
#modal-email-confirmar .em-cf-caixa { margin: 8px 0 4px; display: inline-block; max-width: 100%; overflow-wrap: anywhere; font: 800 18px/1.3 'Sora', sans-serif; color: var(--navy); background: #faf6ea; border-left: 4px solid var(--em-cor, #c9a227); padding: 8px 12px; border-radius: 0 8px 8px 0; }
#modal-email-confirmar .em-cf-pergunta { font-size: 14px; font-weight: 600; color: var(--text); margin: 8px 0 14px; }
#modal-email-confirmar .em-cf-resumo { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 6px 10px; margin: 0; padding: 12px 0 4px; border-top: 1px solid var(--surface2); font-size: 13px; }
#modal-email-confirmar .em-cf-resumo dt { color: var(--muted); font-weight: 600; }
#modal-email-confirmar .em-cf-resumo dd { margin: 0; color: var(--text); overflow-wrap: anywhere; }
#modal-email-confirmar .em-sub { color: var(--muted); }
#modal-email-confirmar .em-cf-alerta { color: #b45309; font-weight: 700; }
#modal-email-confirmar .em-cf-rodape { padding: 12px 24px 20px; display: flex; justify-content: flex-end; gap: 8px; }
#modal-email-confirmar .em-cf-rodape .btn { display: inline-flex; align-items: center; gap: 6px; }

@media (max-width: 768px) {
  #page-email-comercial .em-caixa-wrap { flex: 1 1 100%; }
  #page-email-comercial .em-caixa-wrap .em-caixa { flex: 1 1 auto; min-width: 0; font-size: 14px; padding-left: 10px; padding-right: 26px; }
  #page-email-comercial .em-caixa-cor { flex-basis: 28px; width: 28px; height: 28px; }
  #page-email-comercial .em-barra .em-busca { flex: 1 1 100%; max-width: none; }
  #page-email-comercial .em-filtro-nl { margin-left: 0; flex: 0 0 auto; }
  #page-email-comercial .em-btn-atualizar { min-width: 0; }
  #page-email-comercial .em-msg { padding-left: 8px; }
  #page-email-comercial .em-msg-abrir { padding: 12px 8px 12px 2px; }
  #page-email-comercial .em-msg-rapidas, #page-email-comercial .em-msg:hover .em-msg-rapidas { display: none; }
  #page-email-comercial .em-sel-btn span { display: none; }
  #page-email-comercial .em-sel-btn { padding: 8px; }
  #page-email-comercial .em-ler-ic { width: 38px; height: 38px; }
  #modal-email-confirmar.overlay { align-items: flex-end; padding: 0; }
  #modal-email-confirmar .em-confirmar { max-width: none; border-radius: 16px 16px 0 0; }
  #modal-email-confirmar .em-cf-rodape { padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
  #modal-email-confirmar .em-cf-rodape .btn { flex: 1 1 0; justify-content: center; }
}

/* Ajustes visuais (17/10, depois das fotos): barra de seleção numa linha só. */
#page-email-comercial .em-sel-btn:not(.com-rot) span { display: none; }
#page-email-comercial .em-sel-btn:not(.com-rot) { padding: 7px; }
#page-email-comercial .em-selbar { flex-wrap: nowrap; }
#page-email-comercial .em-sel-acoes { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
#page-email-comercial .em-sel-acoes::-webkit-scrollbar { display: none; }
@media (max-width: 768px) {
  /* No celular as ações rápidas ficam só no toque longo (nem com foco). */
  #page-email-comercial .em-msg:focus-within .em-msg-rapidas { display: none; }
  #page-email-comercial .em-sel-n-txt { display: none; }
  #page-email-comercial .em-sel-btn.com-rot span { display: none; }
  #modal-email-confirmar .em-cf-caixa { font-size: 15px; overflow-wrap: break-word; }
}

/* Esboço enquanto o texto do e-mail chega (abrir fica instantâneo). */
#page-email-comercial .em-esboco { display: flex; flex-direction: column; gap: 12px; padding: 18px 16px; border: 1px solid var(--border); border-radius: 10px; background: #fff; min-height: 220px; }
#page-email-comercial .em-esboco span { display: block; height: 12px; border-radius: 6px; background: linear-gradient(90deg, #eef1f4 25%, #f6f8fa 50%, #eef1f4 75%); background-size: 200% 100%; animation: em-brilho 1.1s linear infinite; }
#page-email-comercial .em-esboco span.curta { width: 55%; }
@keyframes em-brilho { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { #page-email-comercial .em-esboco span { animation: none; } }

/* Backup e migração de caixas */
#modal-email-backup .em-bkp { max-width: 720px; }
#modal-email-backup .em-bkp-intro { font-size: 13px; color: var(--muted); margin: 0 0 14px; line-height: 1.55; }
#modal-email-backup .em-bkp-form { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto; gap: 10px; align-items: end; padding: 14px; border: 1px solid var(--border); border-radius: 12px; background: #fafbfc; }
#modal-email-backup .em-bkp-campo { display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 600; color: var(--muted); min-width: 0; }
#modal-email-backup .em-bkp-form .btn, #modal-email-backup .em-bkp-acoes .btn, #modal-email-backup .em-bkp-senha-linha .btn { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
#modal-email-backup .em-bkp-prog { margin-top: 14px; padding: 12px 14px; border: 1px solid #fde68a; background: #fffbeb; border-radius: 12px; display: flex; flex-direction: column; gap: 8px; }
#modal-email-backup .em-bkp-prog[hidden] { display: none; }
#modal-email-backup .em-bkp-prog-topo { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 13px; color: var(--navy); }
#modal-email-backup .em-bkp-barra { height: 8px; border-radius: 999px; background: #fef3c7; overflow: hidden; }
#modal-email-backup .em-bkp-barra span { display: block; height: 100%; background: #c9a227; border-radius: 999px; transition: width .4s; }
#modal-email-backup .em-bkp-pastas { display: flex; flex-wrap: wrap; gap: 6px; font-size: 11.5px; }
#modal-email-backup .em-bkp-pastas span { background: #fff; border: 1px solid #fde68a; border-radius: 999px; padding: 2px 9px; color: #78350f; }
#modal-email-backup .em-bkp-pastas span.ok { border-color: #bbf7d0; color: #166534; }
#modal-email-backup .em-bkp-prog .btn { align-self: flex-start; }
#modal-email-backup .em-bkp-erro { margin-top: 12px; font-size: 13px; color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: 8px 10px; }
#modal-email-backup .em-bkp-erro[hidden] { display: none; }
#modal-email-backup .em-bkp-lista-tit { margin: 18px 0 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
#modal-email-backup .em-bkp-lista { display: flex; flex-direction: column; gap: 8px; }
#modal-email-backup .em-bkp-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; }
#modal-email-backup .em-bkp-info { min-width: 0; font-size: 13px; overflow-wrap: anywhere; }
#modal-email-backup .em-bkp-info .em-sub { font-size: 12px; color: var(--muted); margin-top: 2px; }
#modal-email-backup .em-bkp-acoes { display: flex; gap: 6px; align-items: center; }
#modal-email-backup .em-bkp-apagar:hover { color: #b91c1c; }
#modal-email-backup .em-bkp-chip { display: inline-block; font-size: 10.5px; font-weight: 700; border-radius: 999px; padding: 1px 8px; margin-left: 4px; vertical-align: 1px; }
#modal-email-backup .em-bkp-chip.ok { background: #dcfce7; color: #166534; }
#modal-email-backup .em-bkp-chip.meio { background: #fef3c7; color: #92400e; }
#modal-email-backup .em-bkp-senha-linha { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; align-items: end; padding-top: 6px; border-top: 1px dashed var(--border); }
#modal-email-backup .em-bkp-senha-linha[hidden] { display: none; }
#modal-email-backup .em-bkp-senha-linha .em-bkp-campo { flex: 1 1 200px; }
#modal-email-backup .em-vazio { padding: 14px; color: var(--muted); font-size: 13px; }
#modal-email-backup .em-erro { color: #b91c1c; }
@media (max-width: 768px) {
  #modal-email-backup.overlay { padding: 0; align-items: stretch; }
  #modal-email-backup .em-bkp { max-width: none; max-height: none; height: 100%; border-radius: 0; }
  #modal-email-backup .em-bkp-form { grid-template-columns: minmax(0, 1fr); }
  #modal-email-backup .em-bkp-item { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { #modal-email-backup .em-bkp-barra span { transition: none; } }

/* Contatos e grupos */
#modal-email-escrever .em-c-link-ag { display: inline-flex; align-items: center; gap: 4px; }
#modal-email-escrever .em-c-link-ag svg { width: 13px; height: 13px; }
#modal-email-escrever .em-c-sug-grupo { display: inline-flex; align-items: center; gap: 6px; }
#modal-email-escrever .em-c-sug-grupo svg { width: 14px; height: 14px; color: #a88419; }
#modal-email-seletor .em-sel-ag { max-width: 560px; }
#modal-email-seletor .em-sa-busca { width: 100%; margin-bottom: 10px; }
#modal-email-seletor .em-sa-lista { max-height: 52vh; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }
#modal-email-seletor .em-sa-grupo-tit { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); padding: 10px 4px 4px; }
#modal-email-seletor .em-sa-item { display: flex; align-items: center; gap: 10px; padding: 8px 8px; border-radius: 8px; cursor: pointer; }
#modal-email-seletor .em-sa-item:hover { background: var(--surface2); }
#modal-email-seletor .em-sa-item input { width: 16px; height: 16px; accent-color: var(--navy); flex: 0 0 16px; }
#modal-email-seletor .em-sa-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; font-size: 13.5px; overflow-wrap: anywhere; }
#modal-email-seletor .em-sa-txt .em-sub { font-size: 12px; color: var(--muted); font-weight: 400; }
#modal-email-seletor .em-sa-tag { flex: 0 0 auto; font-size: 11px; font-weight: 700; color: #92400e; background: #fef3c7; border-radius: 999px; padding: 2px 8px; }
#modal-email-seletor .em-sa-rodape { align-items: center; flex-wrap: wrap; }
#modal-email-seletor .em-sa-onde { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--muted); font-weight: 600; }
#modal-email-seletor .em-sa-onde select { width: auto; padding: 6px 10px; }
#modal-email-seletor .em-c-espaco { flex: 1; }
#modal-email-seletor .em-vazio, #modal-email-agenda .em-vazio { padding: 16px; color: var(--muted); font-size: 13px; }
#modal-email-agenda .em-ag { max-width: 680px; }
#modal-email-agenda .em-ag-abas { display: flex; gap: 4px; padding: 10px 24px 0; border-bottom: 1px solid var(--border); }
#modal-email-agenda .em-ag-abas button { border: 0; background: transparent; font: inherit; font-size: 13.5px; font-weight: 600; color: var(--muted); padding: 8px 12px; border-bottom: 2px solid transparent; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
#modal-email-agenda .em-ag-abas button.on { color: var(--navy); border-bottom-color: #c9a227; }
#modal-email-agenda .em-ag-abas button span { font-size: 11px; background: var(--surface2); border-radius: 999px; padding: 0 7px; }
#modal-email-agenda .em-ag-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) auto; gap: 10px; align-items: end; }
#modal-email-agenda .em-bkp-campo { display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 600; color: var(--muted); min-width: 0; }
#modal-email-agenda .em-ag-colar { margin: 10px 0 4px; font-size: 13px; }
#modal-email-agenda .em-ag-colar summary { cursor: pointer; color: #92400e; font-weight: 600; }
#modal-email-agenda .em-ag-colar textarea { width: 100%; margin: 8px 0; }
#modal-email-agenda .em-ag-lista { margin-top: 12px; display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 10px; max-height: 44vh; overflow-y: auto; }
#modal-email-agenda .em-ag-linha { display: flex; align-items: center; gap: 6px; padding: 8px 10px; border-bottom: 1px solid var(--surface2); }
#modal-email-agenda .em-ag-linha:last-child { border-bottom: 0; }
#modal-email-agenda .em-ag-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; font-size: 13.5px; overflow-wrap: anywhere; }
#modal-email-agenda .em-ag-txt .em-sub { font-size: 12px; color: var(--muted); }
#modal-email-agenda .em-rap { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: #475569; border-radius: 6px; cursor: pointer; }
#modal-email-agenda .em-rap svg { width: 16px; height: 16px; }
#modal-email-agenda .em-rap:hover { background: #eef1f5; }
#modal-email-agenda .em-rap-perigo:hover { background: #fef2f2; color: #b91c1c; }
#modal-email-agenda .em-ag-grupo-form { display: flex; flex-direction: column; gap: 12px; }
#modal-email-agenda .em-ag-como { display: flex; flex-wrap: wrap; gap: 14px; font-weight: 500; color: var(--text); font-size: 13.5px; }
#modal-email-agenda .em-ag-como label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
#modal-email-agenda .em-ag-como .em-sub { color: var(--muted); font-size: 12px; }
#modal-email-agenda .em-ag-acoes { display: flex; justify-content: flex-end; gap: 8px; }
#modal-email-agenda .em-c-erro { margin-top: 10px; font-size: 13px; color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: 8px 10px; }
#modal-email-agenda .em-c-erro[hidden] { display: none; }
@media (max-width: 768px) {
  #modal-email-agenda .em-ag-form { grid-template-columns: minmax(0, 1fr); }
  #modal-email-agenda.overlay, #modal-email-seletor.overlay { padding: 0; align-items: stretch; }
  #modal-email-agenda .em-ag, #modal-email-seletor .em-sel-ag { max-width: none; max-height: none; height: 100%; border-radius: 0; }
  #modal-email-agenda .em-ag-abas { padding: 8px 16px 0; }
}

/* Chaves de acesso */
#modal-email-chaves .em-ch { max-width: 640px; }
#modal-email-chaves .em-bkp-intro { font-size: 13px; color: var(--muted); margin: 0 0 14px; line-height: 1.55; }
#modal-email-chaves .em-ch-lista { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
#modal-email-chaves .em-ch-item { display: flex; align-items: center; gap: 10px; border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; }
#modal-email-chaves .em-ch-info { flex: 1 1 auto; min-width: 0; font-size: 13.5px; overflow-wrap: anywhere; }
#modal-email-chaves .em-ch-info .em-sub { font-size: 12px; color: var(--muted); margin-top: 2px; }
#modal-email-chaves .em-bkp-chip { display: inline-block; font-size: 10.5px; font-weight: 700; border-radius: 999px; padding: 1px 8px; margin-left: 4px; vertical-align: 1px; }
#modal-email-chaves .em-bkp-chip.ok { background: #dcfce7; color: #166534; }
#modal-email-chaves .em-bkp-chip.ruim { background: #fee2e2; color: #991b1b; }
#modal-email-chaves .em-ch-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) auto; gap: 10px; align-items: end; padding: 14px; border: 1px solid var(--border); border-radius: 12px; background: #fafbfc; }
#modal-email-chaves .em-bkp-campo { display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 600; color: var(--muted); min-width: 0; }
#modal-email-chaves .btn { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
#modal-email-chaves .em-bkp-apagar:hover { color: #b91c1c; }
#modal-email-chaves .em-bkp-erro { margin-top: 12px; font-size: 13px; color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: 8px 10px; }
#modal-email-chaves .em-bkp-erro[hidden] { display: none; }
#modal-email-chaves .em-vazio { padding: 14px; color: var(--muted); font-size: 13px; }
#page-email-comercial .em-btn-ic { padding-left: 11px; padding-right: 11px; }
@media (max-width: 768px) {
  #modal-email-chaves.overlay { padding: 0; align-items: stretch; }
  #modal-email-chaves .em-ch { max-width: none; max-height: none; height: 100%; border-radius: 0; }
  #modal-email-chaves .em-ch-form { grid-template-columns: minmax(0, 1fr); }
  #modal-email-chaves .em-ch-item { flex-wrap: wrap; }
}

/* ── Anexo: verificar e visualizar antes de baixar (17/10/2026) ── */
#page-email-comercial button.em-anexo { background: #fff; cursor: pointer; font: inherit; font-size: 12.5px; }
#modal-email-anexo .em-anx { max-width: 900px; display: flex; flex-direction: column; overflow: hidden; height: min(calc(90vh / var(--uiz, 1)), 980px); }
#modal-email-anexo .modal-header { padding: 16px 20px 10px; gap: 12px; border-bottom: 1px solid var(--border); }
#modal-email-anexo .em-anx-cab { min-width: 0; }
#modal-email-anexo .modal-title { overflow-wrap: anywhere; font-size: 16px; }
#modal-email-anexo .em-anx-cab .em-sub { font-size: 12px; color: var(--muted); margin-top: 2px; }
#modal-email-anexo .modal-body { flex: 1 1 auto; overflow-y: auto; padding: 14px 20px; display: flex; flex-direction: column; gap: 12px; background: #f6f7f9; }
#modal-email-anexo .em-anx-verif { display: flex; gap: 10px; align-items: flex-start; border-radius: 12px; padding: 11px 14px; font-size: 13.5px; line-height: 1.5; background: #fff; border: 1px solid var(--border); color: var(--navy); }
#modal-email-anexo .em-anx-verif > svg { width: 20px; height: 20px; flex: 0 0 20px; margin-top: 1px; }
#modal-email-anexo .em-anx-verif ul { margin: 4px 0 0; padding-left: 18px; }
#modal-email-anexo .em-anx-verif li + li { margin-top: 3px; }
#modal-email-anexo .em-anx-verif.ok { background: #f0fdf4; border-color: #bbf7d0; color: #14532d; }
#modal-email-anexo .em-anx-verif.atencao { background: #fffbeb; border-color: #fde68a; color: #78350f; }
#modal-email-anexo .em-anx-verif.perigo { background: #fef2f2; border-color: #fecaca; color: #7f1d1d; }
#modal-email-anexo .em-anx-tipo { font-weight: 400; opacity: .8; }
#modal-email-anexo .em-anx-obs { font-size: 12.5px; opacity: .85; }
#modal-email-anexo .em-anx-ver { display: flex; flex-direction: column; align-items: center; gap: 12px; min-height: 120px; }
#modal-email-anexo .em-anx-pag { display: block; margin: 0 auto 12px; height: auto; background: #fff; box-shadow: 0 1px 4px rgba(15, 23, 42, .18); border-radius: 2px; }
#modal-email-anexo .em-anx-paginas { width: 100%; overflow-x: auto; }
#modal-email-anexo .em-anx-zoom { position: sticky; top: -14px; z-index: 1; align-self: stretch; display: flex; align-items: center; gap: 8px; background: #f6f7f9; padding: 4px 0; font-size: 13px; font-variant-numeric: tabular-nums; }
#modal-email-anexo .em-anx-zoom .btn { min-width: 34px; justify-content: center; font-size: 16px; line-height: 1; }
#modal-email-anexo .em-anx-zoom .em-sub { margin-left: auto; color: var(--muted); font-size: 12px; }
#modal-email-anexo .em-anx-img { display: block; max-width: 100%; height: auto; background: #fff; box-shadow: 0 1px 4px rgba(15, 23, 42, .18); }
#modal-email-anexo .em-anx-txt { width: 100%; box-sizing: border-box; margin: 0; background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 12px 14px; font: 12.5px/1.55 ui-monospace, Consolas, monospace; color: #1f2937; white-space: pre-wrap; overflow-wrap: anywhere; }
#modal-email-anexo .em-anx-carregando { color: var(--muted); font-size: 13px; padding: 18px 0; }
#modal-email-anexo .em-anx-semver { display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--muted); font-size: 13.5px; text-align: center; padding: 28px 12px; }
#modal-email-anexo .em-anx-semver svg { width: 30px; height: 30px; opacity: .6; }
#modal-email-anexo .em-anx-rodape { display: flex; align-items: center; gap: 10px; padding: 12px 20px; border-top: 1px solid var(--border); background: #fff; }
#modal-email-anexo .em-anx-hash { flex: 1 1 auto; min-width: 0; font-size: 12.5px; }
#modal-email-anexo .em-anx-hash a { color: var(--muted); text-decoration: none; display: inline-flex; align-items: center; gap: 5px; }
#modal-email-anexo .em-anx-hash a:hover { color: var(--navy); text-decoration: underline; }
#modal-email-anexo .em-anx-rodape .btn { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
#modal-email-anexo #em-anx-baixar.perigo { background: #b91c1c; border-color: #b91c1c; }
@media (max-width: 640px) {
  #modal-email-anexo.overlay { padding: 0; }
  #modal-email-anexo .em-anx { max-width: none; height: 100%; max-height: none; border-radius: 0; }
  #modal-email-anexo .modal-body { padding: 12px; }
  #modal-email-anexo .em-anx-rodape { padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); flex-wrap: wrap; }
  #modal-email-anexo .em-anx-hash { flex-basis: 100%; }
  #modal-email-anexo .em-anx-rodape .btn { flex: 1 1 0; justify-content: center; }
}

/* ── Assinatura por caixa (18/10/2026) ── */
#modal-email-chaves .em-as { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--border); }
#modal-email-chaves .em-as-tit { font-weight: 700; color: var(--navy); font-size: 14px; margin-bottom: 4px; }
#modal-email-chaves .em-as-caixa { border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; margin-top: 8px; display: flex; flex-direction: column; gap: 6px; }
#modal-email-chaves .em-as-email { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--navy); overflow-wrap: anywhere; }
#modal-email-chaves .em-as-cor { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 10px; }
#modal-email-chaves .em-as-caixa textarea { width: 100%; box-sizing: border-box; resize: vertical; }
#modal-email-chaves .em-as-acoes { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; }
#modal-email-chaves .em-as-chk { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted); }

/* ── Agendar envio e modelos (18/10/2026) ── */
#modal-email-escrever .em-ag-dica { font-size: 12.5px; color: var(--muted); margin: 0 0 8px; line-height: 1.5; }
#modal-email-escrever .em-ag-rapidos { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
#modal-email-escrever .em-mod-lista { display: flex; flex-direction: column; gap: 6px; max-height: 260px; overflow-y: auto; margin-bottom: 10px; }
#modal-email-escrever .em-mod-item { display: flex; gap: 6px; align-items: stretch; }
#modal-email-escrever .em-mod-usar { flex: 1 1 auto; min-width: 0; text-align: left; border: 1px solid var(--border); background: #fff; border-radius: 10px; padding: 8px 10px; cursor: pointer; font: inherit; display: flex; flex-direction: column; gap: 2px; color: var(--navy); }
#modal-email-escrever .em-mod-usar:hover { border-color: rgba(212, 160, 23, .6); background: #fffbeb; }
#modal-email-escrever .em-mod-usar strong { font-size: 13px; overflow-wrap: anywhere; }
#modal-email-escrever .em-mod-usar span { font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
#modal-email-escrever .em-mod-apagar svg { width: 14px; height: 14px; }
#modal-email-escrever .em-mod-novo { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; border-top: 1px solid var(--border); padding-top: 10px; }
#modal-email-escrever .em-mod-novo .em-ed-campo { flex: 1 1 220px; margin: 0; }
#page-email-comercial .em-item-ag { cursor: default; display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border-bottom: 1px solid var(--border); }
#page-email-comercial .em-ag-tag { background: #e0f2fe; color: #075985; }
#page-email-comercial .em-ag-falhou .em-ag-tag { background: #fee2e2; color: #991b1b; }
#page-email-comercial .em-ag-enviado .em-ag-tag { background: #dcfce7; color: #166534; }
#page-email-comercial .em-ag-erro { color: #b91c1c; }
#page-email-comercial .em-ag-acoes { display: flex; justify-content: flex-end; }

/* Quem mais acessa cada caixa (18/10/2026) */
#modal-email-chaves .em-ac-us { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 8px 0; }
#modal-email-chaves .em-ac-nota { font-size: 12px; color: var(--muted); }

/* Anexar orçamento/recibo do ERP (18/10/2026) */
#modal-email-docs .em-docs { width: min(620px, calc(100vw - 32px)); max-width: none; }
#modal-email-docs .modal-header .em-sub { margin-top: 2px; }
#modal-email-docs .em-docs-topo { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
#modal-email-docs .em-docs-topo .form-input { flex: 1 1 220px; min-height: 38px; }
#modal-email-docs .em-docs-abas { display: inline-flex; padding: 3px; border-radius: 10px; background: var(--surface2, #f1f5f9); gap: 2px; }
#modal-email-docs .em-docs-abas button { font: inherit; font-size: 13px; font-weight: 700; border: 0; background: transparent; padding: 7px 12px; border-radius: 8px; cursor: pointer; color: var(--muted, #64748b); }
#modal-email-docs .em-docs-abas button.on { background: #fff; color: var(--navy, #0f172a); box-shadow: 0 1px 3px rgba(2, 6, 23, .12); }
#modal-email-docs .em-docs-lista { display: flex; flex-direction: column; border: 1px solid var(--border, #e2e8f0); border-radius: 12px; max-height: 52vh; overflow-y: auto; }
#modal-email-docs .em-docs-item { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-bottom: 1px solid var(--surface2, #f1f5f9); }
#modal-email-docs .em-docs-item:last-child { border-bottom: 0; }
#modal-email-docs .em-docs-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
#modal-email-docs .em-docs-info strong { font-size: 14px; color: var(--navy, #0f172a); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#modal-email-docs .em-vazio { padding: 22px; text-align: center; color: var(--muted, #64748b); }
#modal-email-docs .em-sub { font-size: 12.5px; color: var(--muted, #64748b); font-weight: 500; }
#modal-email-docs .modal-header .em-sub { font-size: 13px; }

/* «Minha assinatura» (18/10/2026): mesmo visual da seção que saiu do ⚙ */
#modal-email-assinatura .em-ch { max-width: 640px; }
#modal-email-assinatura .em-bkp-intro { font-size: 13px; color: var(--muted); margin: 0 0 14px; line-height: 1.55; }
#modal-email-assinatura .btn { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
#modal-email-assinatura .em-vazio { padding: 14px; color: var(--muted); font-size: 13px; }
#modal-email-assinatura .em-as { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--border); }
#modal-email-assinatura .em-as-tit { font-weight: 700; color: var(--navy); font-size: 14px; margin-bottom: 4px; }
#modal-email-assinatura .em-as-caixa { border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; margin-top: 8px; display: flex; flex-direction: column; gap: 6px; }
#modal-email-assinatura .em-as-email { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--navy); overflow-wrap: anywhere; }
#modal-email-assinatura .em-as-cor { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 10px; }
#modal-email-assinatura .em-as-caixa textarea { width: 100%; box-sizing: border-box; resize: vertical; }
#modal-email-assinatura .em-as-acoes { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; }
#modal-email-assinatura .em-as-chk { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted); }
#modal-email-assinatura .em-as-caixa:first-child { margin-top: 0; }
@media (max-width: 768px) { #modal-email-assinatura.overlay { padding: 0; align-items: stretch; } #modal-email-assinatura .em-ch { max-width: none; height: 100%; border-radius: 0; } }

/* Remetentes que vão direto para o Spam (⚙) */
#modal-email-chaves .em-sp-linha { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; color: var(--text); padding: 4px 0; border-top: 1px solid var(--surface2, #f1f5f9); overflow-wrap: anywhere; }