/* variáveis da caixa de e-mail mapeadas para o tema do painel (claro/escuro) */
.em{--surface:var(--panel);--surface-2:var(--bg);--line-2:var(--line);--orange:var(--red);--orange-soft:var(--redsoft);--graphite:var(--mut);--graphite-l:var(--mut);--ol:var(--ink);--ol-soft:var(--chip)}
main.em-full{padding:0!important;overflow:hidden!important}
main.em-full>.em{height:100%}
/* ---------- E-mail ---------- */
.em{display:grid;grid-template-columns:230px minmax(320px,430px) 1fr;gap:0;background:var(--surface);overflow:hidden;height:100%;min-height:480px;border-top:1px solid var(--line)}
.em-col1{border-right:1px solid var(--line);padding:14px 10px;overflow-y:auto;background:var(--surface-2)}
.em-col2{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface)}
.em-col3{overflow-y:auto;min-width:0;min-height:0;padding:0;background:var(--surface)}
.em-novo{width:100%;margin-bottom:12px;padding:11px 14px;font-weight:700;border-radius:14px}
.em-caixa{width:100%;margin-bottom:10px;padding:8px 10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:12px}
.em-aviso{font-size:10.5px;color:var(--graphite);margin:0 2px 10px;line-height:1.45}
.em-pastas{display:flex;flex-direction:column;gap:1px}
.em-pasta{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-radius:0 18px 18px 0;padding:8px 12px;text-align:left;cursor:pointer;font-size:13px;color:var(--ink)}
.em-pasta:hover{background:var(--line-2)}
.em-pasta.on{background:var(--orange-soft);color:var(--ink);font-weight:700;box-shadow:inset 3px 0 0 var(--orange)}
.em-pi{width:18px;text-align:center;font-size:14px}
.em-pn{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.em-nl{background:var(--orange);color:#fff;border-radius:99px;font-size:10.5px;padding:1px 7px;font-weight:700}
.em-tt{font-size:10.5px;color:var(--graphite-l)}
.em-busca{padding:10px 12px;border-bottom:1px solid var(--line)}
.em-busca input{width:100%;padding:10px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:99px;font-size:13px}
.em-lista{flex:1;overflow-y:auto;min-height:0}
.em-lista.carregando{opacity:.55;transition:opacity .15s}
.em-item{box-sizing:border-box;display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;background:none;border-bottom:1px solid var(--line-2);padding:11px 12px 11px 14px;cursor:pointer;border-left:3px solid transparent;position:relative}
.em-item:hover{background:var(--surface-2)}
.em-item:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.em-item.on{background:var(--orange-soft);border-left-color:var(--orange)}
.em-av{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}
.em-ib2{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.em-l1{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.em-de{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--graphite)}
.em-n{font-style:normal;font-size:10.5px;color:var(--graphite-l);margin-left:3px}
.em-dt{font-size:10.5px;color:var(--graphite-l);white-space:nowrap}
.em-as{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--graphite)}
.em-pv{font-size:11.5px;color:var(--graphite-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.em-item.nova .em-de,.em-item.nova .em-as{color:var(--ink);font-weight:700}
.em-item.nova .em-dt{color:var(--orange);font-weight:700}
.em-star{position:absolute;right:10px;bottom:8px;font-size:15px;color:var(--graphite-l);opacity:0;cursor:pointer;line-height:1}
.em-item:hover .em-star,.em-star.on{opacity:1}
.em-star.on{color:#e6a100}
.em-fp{font-style:normal;color:var(--orange);font-size:10.5px;font-weight:600}
.em-mais{margin:12px auto;display:block}
.em-vazio{padding:36px 20px;text-align:center;color:var(--graphite);font-size:13px}
.em-sem{margin-top:22vh}
.em-sem-i{font-size:42px;opacity:.35;margin-bottom:6px}

/* barra de ações e conversa */
.em-tool{position:sticky;top:0;z-index:3;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--line)}
.em-volta{display:none}
.em-conv{padding:20px 24px 40px;max-width:980px}
.em-assunto{font-size:21px;font-weight:800;letter-spacing:-.01em;margin:0 0 6px;word-break:break-word;line-height:1.3}
.em-pastatag{display:inline-block;vertical-align:middle;margin-left:8px;font-size:10.5px;font-weight:600;color:var(--graphite);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 7px;letter-spacing:0}
.em-nconv{font-size:12px;color:var(--graphite);margin-bottom:12px}
.em-msg{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:var(--surface);overflow:hidden}
.em-msg.aberta{box-shadow:0 1px 4px rgba(0,0,0,.05)}
.em-mh{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}
.em-mh:hover{background:var(--surface-2)}
.em-mq{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px;line-height:1.35}
.em-mq small{font-weight:400;color:var(--graphite-l)}
.em-mresumo{color:var(--graphite);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.em-md{font-size:11.5px;color:var(--graphite-l);white-space:nowrap}
.em-ib{background:none;border:1px solid var(--line);border-radius:8px;padding:3px 9px;cursor:pointer;color:var(--ink);font-size:14px}
.em-ib:hover{border-color:var(--orange);background:var(--orange-soft)}
.em-mb{padding:0 16px 14px 58px}
.em-meta{font-size:12px;color:var(--graphite);line-height:1.6;word-break:break-word}
.em-meta b{color:var(--ink);font-weight:600}
.em-anx{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}
.em-chip{background:var(--surface-2);border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:12px}
.em-chip small{color:var(--graphite-l);margin-left:4px}
.em-chipb{cursor:pointer;color:var(--ink)}
.em-chipb:hover{border-color:var(--orange);background:var(--orange-soft)}
.em-img{background:var(--orange-soft);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:12px;margin:8px 0 10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.em-previa{white-space:pre-wrap;word-break:break-word}
.mx-frame{width:100%;height:80px;border:0;background:#fff;display:block}
.em-resp{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}

/* redigir */
.em-comp{max-width:820px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.08);margin:14px 0}
.em>.em-comp{grid-column:3;grid-row:1;position:relative;z-index:5;align-self:start;justify-self:stretch;margin:22px 24px;max-height:calc(100% - 44px);overflow:auto}
.em-comp-h{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;background:var(--surface-2);border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;font-size:13px}
.em-cl{display:flex;align-items:center;gap:10px;padding:2px 16px;border-bottom:1px solid var(--line-2)}
.em-cl label{flex:0 0 58px;font-size:12px;color:var(--graphite)}
.em-cl .em-in{border:0;background:transparent;padding:10px 4px;flex:1;min-width:0;font-size:13px}
.em-cl .em-in:focus{outline:none}
.em-cclinks{display:flex;gap:8px}
.em-lk{background:none;border:0;color:var(--graphite);cursor:pointer;font-size:12px;text-decoration:underline}
.em-lk:hover{color:var(--orange)}
.em-txt{display:block;width:100%;border:0;background:transparent;padding:14px 16px;min-height:200px;resize:vertical;line-height:1.55;font-family:inherit;font-size:14px}
.em-txt:focus{outline:none}
.em-comp .em-anx{padding:0 16px}
.em-comp .note{margin:10px 16px}
.em-comp-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line-2)}
.em-chk{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--graphite);cursor:pointer}
.em-asn{width:auto!important;padding:6px 8px!important;border:1px solid var(--line)!important;border-radius:8px;font-size:12px!important;flex:0 0 auto!important}
.em-dica{font-size:11px;color:var(--graphite-l);margin-left:auto}
.em-arq{cursor:pointer}
.em-x{background:none;border:0;color:var(--graphite);cursor:pointer;font-size:15px;line-height:1;padding:0 2px;margin-left:4px}
.em-x-g{font-size:20px}
.em-x:hover{color:var(--orange)}

@media (min-width:1500px){
  .em{grid-template-columns:250px minmax(360px,480px) 1fr}
}
@media (max-width:1100px){
  .em{grid-template-columns:190px minmax(260px,360px) 1fr}
}
.em-busca{display:flex;gap:8px;align-items:center}
.em-busca input{flex:1;min-width:0}
.em-ref{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:17px;color:var(--graphite)}
.em-ref:hover{border-color:var(--orange);color:var(--orange)}
.em-fab,.em-h-env{display:none}
.em-comp-hb{display:flex;align-items:center;gap:8px}
@media (max-width:820px){
  /* iPhone: uma tela por vez, como um aplicativo de e-mail. A barra de cima (48px) e a de abas
     embaixo são do painel; ao abrir uma conversa a barra de baixo sai para dar lugar ao editor. */
  body[data-view="email"] .content{padding:0 !important;max-width:none !important;overflow:hidden !important;
    height:calc(100vh - 48px - 58px) !important;
    height:calc(100dvh - 48px - 58px - env(safe-area-inset-bottom)) !important}
  body[data-view="email"]:has(.em-aberta) .content{height:calc(100vh - 48px) !important;height:calc(100dvh - 48px) !important}
  body[data-view="email"]:has(.em-aberta) .abasfone{display:none}
  .em{display:flex;flex-direction:column;height:100%;min-height:0;border-top:0;border-radius:0}
  .em input,.em select,.em textarea{font-size:16px}
  .em-col1{flex:0 0 auto;border-right:0;border-bottom:1px solid var(--line);padding:8px 10px;overflow:visible}
  .em-novo,.em-aviso{display:none}
  .em-caixa{margin-bottom:6px;padding:9px 10px}
  .em-pastas{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:2px;-webkit-overflow-scrolling:touch}
  .em-pasta{width:auto;flex:0 0 auto;border:1px solid var(--line);border-radius:99px;white-space:nowrap;padding:8px 13px;min-height:38px;background:var(--surface)}
  .em-pasta.on{box-shadow:none;border-color:var(--orange)}
  .em-pi{display:none}
  .em-col2{flex:1 1 auto;min-height:0;border-right:0;max-height:none}
  .em-busca{padding:8px 10px}
  .em-busca input{height:42px;padding:0 14px}
  .em-ref{width:42px;height:42px}
  .em-lista{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:84px}
  .em-item{padding:12px 12px;min-height:64px;-webkit-tap-highlight-color:transparent}
  .em-star{opacity:1;bottom:10px}
  .em-pv{padding-right:26px}
  .em-col3{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .em.em-aberta .em-col1,.em.em-aberta .em-col2,.em.em-aberta .em-fab{display:none}
  .em:not(.em-aberta) .em-col3{display:none}
  .em-fab{display:flex;position:fixed;right:16px;bottom:calc(74px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;
    background:var(--orange);color:#fff;border:0;font-size:22px;align-items:center;justify-content:center;
    box-shadow:0 6px 18px rgba(0,0,0,.3);z-index:50;cursor:pointer;-webkit-tap-highlight-color:transparent}
  /* conversa */
  .em-volta{display:inline-flex;align-items:center}
  .em-tool{padding:8px 10px;gap:6px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .em-tool .btn{flex:0 0 auto;min-height:42px;min-width:42px;padding:0 12px;font-size:16px;display:inline-flex;align-items:center;justify-content:center}
  .em-tool .tx{display:none}
  .em-tool .em-volta{font-size:14px}
  .em-conv{padding:12px 10px calc(28px + env(safe-area-inset-bottom))}
  .em-assunto{font-size:18px}
  .em-pastatag{display:none}
  .em-mh{padding:10px 10px;gap:10px;flex-wrap:wrap}
  .em-av{width:32px;height:32px;font-size:13px}
  .em-md{white-space:normal;font-size:11px}
  .em-ib{min-width:40px;min-height:36px}
  .em-mb{padding:0 12px 12px}
  .em-resp .btn{flex:1 1 100%;min-height:44px}
  /* editor: folha cheia, com Enviar no topo e a barra de ações sempre à mão */
  .em>.em-comp{position:fixed;left:0;right:0;top:0;bottom:0;z-index:200;margin:0;max-width:none;max-height:none;border:0;border-radius:0;
    box-shadow:none;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .em-comp-h{position:sticky;top:0;z-index:2;border-radius:0;padding:8px 12px}
  .em-h-env{display:inline-flex;min-height:38px;padding:0 16px}
  .em-cl{padding:0 12px}
  .em-cl label{flex-basis:50px}
  .em-comp .em-txt{flex:1 1 auto;min-height:38vh;padding:12px}
  .em-comp-inl{margin:14px 0}
  .em-comp-bar{position:sticky;bottom:0;background:var(--surface);padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px}
  .em-comp-bar>.btn.orange{display:none}
  .em-chk{flex:1 1 100%}
  .em-dica{display:none}
  .em-comp-inl .em-comp-bar>.btn.orange{display:inline-flex}
}

/* ---- iPhone: visual de aplicativo de e-mail (inspirado no Outlook) ---- */
.em-mtop,.em-chips,.em-dr,.em-dr-ov,.em-bar,.em-sw-b,.em-dot,.em-cancel,.em-ref2{display:none}
.em-sw{position:relative}
@media (max-width:820px){
  .em{--ol:#0f6cbd;--ol-soft:#eaf3fb;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    background:#fff;color:#1b1b1b;-webkit-font-smoothing:antialiased}
  .em .btn.orange{background:var(--ol);border-color:var(--ol);color:#fff}
  .em-nl{background:var(--ol)}
  .em-col1{display:none}
  .em-mtop{display:flex;align-items:center;gap:12px;padding:10px 14px 4px}
  .em-mav{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:0;background:var(--ol);color:#fff;font-weight:600;font-size:15px;cursor:pointer}
  .em-mtit{flex:1;min-width:0;display:flex;flex-direction:column}
  .em-mtit b{font-size:22px;font-weight:700;letter-spacing:-.3px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .em-mtit small{font-size:12px;color:#616161}
  .em-ref2{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ol);font-size:20px}
  .em-busca{padding:4px 14px 8px}
  .em-busca input{background:#f3f2f1;border:0;border-radius:10px;height:40px}
  .em-busca .em-ref{display:none}
  .em-chips{display:flex;gap:8px;padding:2px 14px 10px;overflow-x:auto;border-bottom:1px solid #edebe9;-webkit-overflow-scrolling:touch}
  .em-chip2{flex:0 0 auto;border:1px solid #d1d1d1;background:#fff;border-radius:99px;padding:6px 14px;font-size:13px;color:#242424;cursor:pointer}
  .em-chip2.on{background:var(--ol-soft);border-color:var(--ol);color:var(--ol);font-weight:600}
  .em-col2,.em-lista{background:#fff}
  .em-sw{overflow:hidden;border-bottom:1px solid #edebe9}
  .em-sw-b{display:flex;position:absolute;top:0;bottom:0;width:50%;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:600;padding:0 22px}
  .em-sw-b.dir{left:0;background:#107c10;justify-content:flex-start}
  .em-sw-b.esq{right:0;background:#d13438;justify-content:flex-end}
  .em-sw:not(.vdir) .em-sw-b.dir{visibility:hidden}
  .em-sw:not(.vesq) .em-sw-b.esq{visibility:hidden}
  .em-sw .em-item{position:relative;z-index:1;background:#fff;border-bottom:0;border-left:0;padding:12px 14px 12px 24px;min-height:78px}
  .em-sw .em-item.on{background:#fff}
  .em-dot{display:none;position:absolute;left:9px;top:50%;margin-top:-4px;width:8px;height:8px;border-radius:50%;background:var(--ol)}
  .em-item.nova .em-dot{display:block}
  .em-av{width:40px;height:40px;font-size:15px}
  .em-item .em-de{color:#242424;font-size:15px}
  .em-item.nova .em-de{font-weight:700}
  .em-item .em-as{color:#242424;font-size:14px}
  .em-item.nova .em-as{font-weight:600}
  .em-item .em-pv{color:#616161;font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .em-item .em-dt{font-size:12px;color:#616161}
  .em-item.nova .em-dt{color:var(--ol);font-weight:600}
  .em-star.on{color:#e6a100}
  .em-fab{background:var(--ol);width:58px;height:58px;box-shadow:0 6px 16px rgba(15,108,189,.4)}
  /* conversa */
  .em-tool{background:#fff;border-bottom:1px solid #edebe9}
  .em-tool .btn{border:0;background:transparent;color:var(--ol)}
  .em-tool .em-dk{display:none}
  .em-tool .em-volta{margin-right:auto;font-size:17px;padding:0 4px}
  .em-conv{padding:14px 16px calc(92px + env(safe-area-inset-bottom))}
  .em-assunto{font-size:20px;font-weight:600;line-height:1.3}
  .em-msg,.em-msg.aberta{border:0;border-radius:0;box-shadow:none;border-bottom:1px solid #edebe9;margin:0;background:#fff}
  .em-mh{padding:12px 0}
  .em-mh:hover{background:transparent}
  .em-mq b{font-size:15px}
  .em-mb{padding:0 0 14px}
  .em-resp{display:none}
  .em-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;border-top:1px solid #d1d1d1;
    padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}
  .em-bar button{flex:1;min-height:48px;background:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    color:var(--ol);font-size:20px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .em-bar small{font-size:10px;color:#424242}
  /* gaveta de pastas */
  .em-dr-ov{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:90}
  .em-dr{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:82%;max-width:320px;background:#fff;z-index:91;
    padding:calc(18px + env(safe-area-inset-top)) 0 16px;overflow-y:auto;box-shadow:6px 0 24px rgba(0,0,0,.25)}
  .em-dr-h{padding:0 18px 10px;font-size:13px;color:#616161;word-break:break-all}
  .em-dr .em-caixa{display:block;margin:0 14px 10px;width:calc(100% - 28px)}
  .em-dr .em-pastas{flex-direction:column;overflow:visible;gap:0;padding:0}
  .em-dr .em-pasta{width:calc(100% - 12px);border:0;border-radius:0 24px 24px 0;padding:12px 18px;min-height:46px;font-size:15px;background:transparent}
  .em-dr .em-pasta.on{background:var(--ol-soft);color:var(--ol);font-weight:700;box-shadow:none}
  .em-dr .em-pi{display:inline-block}
  /* editor */
  .em-comp-h{background:#fff;border-bottom:1px solid #edebe9;display:flex;justify-content:space-between;align-items:center;gap:8px}
  .em-comp-h b{flex:1;text-align:center;font-size:16px;font-weight:600}
  .em-cancel{display:inline-block;background:none;border:0;color:var(--ol);font-size:16px;padding:8px 0;cursor:pointer}
  .em-h-env{background:var(--ol);border-color:var(--ol);border-radius:99px}
  .em-comp-h .em-x-g{display:none}
  .em-cl{border-bottom:1px solid #edebe9}
}

/* ---- v10: ícones, tema claro no iPhone, tela cheia, fluidez ---- */
.eic{width:18px;height:18px;flex:0 0 auto;vertical-align:-3px}
.eic.sm{width:13px;height:13px;vertical-align:-2px}
.eic.fill{fill:currentColor}
.em-tb{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--line);border-radius:8px;padding:6px 11px;color:var(--ink);font-size:12px;cursor:pointer;touch-action:manipulation}
.em-tb:hover{border-color:var(--orange);background:var(--orange-soft)}
.em-tb.on .eic{color:#e6a100}
.em-tool .em-volta{display:none}
.em-sp,.em-sheet,.em-dr-s,.em-ir{display:none}
.em-novo .eic,.btn .eic{margin-right:2px}
.em-star .eic{width:17px;height:17px}
.em-mtit{background:none;border:0;padding:0;text-align:left;color:inherit;font-family:inherit;cursor:pointer}
@keyframes em-in{from{opacity:0}to{opacity:1}}
@media (max-width:820px){
  /* e-mail no iPhone: tela inteira e clara, sem a barra preta do painel */
  html:has(body[data-view="email"]),body[data-view="email"]{background:#fff}
  body[data-view="email"] .rail,body[data-view="email"] .topbar,body[data-view="email"] .abasfone{display:none !important}
  body[data-view="email"] .app{display:block;min-height:0}
  body[data-view="email"] .main .content{padding:0 !important;max-width:none !important;overflow:hidden !important;
    height:100vh !important;height:100dvh !important}
  .em{--ink:#1b1b1b;--surface:#fff;--surface-2:#f6f6f6;--line:#e1dfdd;--line-2:#edebe9;--graphite:#616161;--graphite-l:#8a8886;
    --orange-soft:#eaf3fb;--bg:#fff;--paper:#fff;color-scheme:light;color:#1b1b1b;background:#fff}
  .em input,.em select,.em textarea{background:#fff;color:#1b1b1b;-webkit-appearance:none;appearance:none;border-radius:8px}
  .em select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23616161' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:32px}
  .em button,.em [role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .em .btn{background:transparent;color:#0f6cbd;border:1px solid #d1d1d1;border-radius:8px;font-weight:600}
  .em .btn.orange{background:#0f6cbd;color:#fff;border-color:#0f6cbd}
  .em-fab{bottom:calc(20px + env(safe-area-inset-bottom))}
  .em-lista{padding-bottom:96px}
  .em-sw .em-item:active{background:#f3f2f1}
  /* movimento suave (o painel desliga animações no celular; aqui elas voltam, só no e-mail) */
  body[data-view="email"] .em .em-sw .em-item,body[data-view="email"] .em .em-chip2,body[data-view="email"] .em .em-bar button,body[data-view="email"] .em .em-fab{
    transition:background-color .15s ease,transform .2s ease,opacity .15s ease !important}
  body[data-view="email"] .em.em-anim .em-col3{animation:em-in .24s ease-out !important}
  /* barra de ações: ícones de traço, sem moldura */
  .em-tool .em-volta{display:inline-flex}
  .em-tool .em-tb{border:0;padding:0 12px;min-height:44px;color:#0f6cbd;font-size:16px;background:transparent}
  .em-tool .em-tb .eic{width:22px;height:22px}
  .em-tool .em-tb.on{color:#e6a100}
  .em-tool .em-tb .tx{display:none}
  .em-tool .em-volta{padding-left:0;font-size:16px}
  .em-tool .em-volta .eic{width:20px;height:20px}
  .em-sp{display:block;flex:1}
  .em-bar .eic{width:22px;height:22px}
  .em-fab .eic{width:24px;height:24px}
  .em-mav .eic,.em-ref2 .eic{width:22px;height:22px}
  .em-mav{background:transparent;color:#1b1b1b}
  .em-mtit small{display:flex;align-items:center;gap:3px}
  .em-star .eic{width:19px;height:19px}
  .em-sw-b .eic{width:20px;height:20px}
  .em-dr .em-pi .eic{width:20px;height:20px;color:#616161}
  .em-dr .em-pasta.on .em-pi .eic{color:#0f6cbd}
  .em-dr-s{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#616161;padding:16px 18px 4px}
  .em-ir{display:block;width:100%;text-align:left;background:none;border:0;padding:12px 18px;font-size:15px;color:#1b1b1b;cursor:pointer}
  .em-ir:active{background:#f3f2f1}
  .em-sheet{display:block;position:fixed;left:0;right:0;bottom:0;z-index:91;background:#fff;border-radius:16px 16px 0 0;
    padding:8px 0 calc(14px + env(safe-area-inset-bottom));max-height:70vh;max-height:70dvh;overflow-y:auto;box-shadow:0 -10px 34px rgba(0,0,0,.25)}
  .em-sheet-alca{width:38px;height:4px;border-radius:2px;background:#d1d1d1;margin:4px auto 10px}
  .em-sheet-t{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#616161;padding:0 18px 6px}
  .em-cx{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;padding:10px 18px;text-align:left;cursor:pointer;color:#1b1b1b}
  .em-cx.on{background:#eaf3fb}
  .em-cxn{flex:1;min-width:0;display:flex;flex-direction:column}
  .em-cxn b{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .em-cxn small{font-size:12px;color:#616161}
  .em-cx .eic{color:#0f6cbd;width:22px;height:22px}
  .em-comp-h .em-x{color:#616161}
  .em .em-busca input{background:#f3f2f1;border:0}
  .em-ib{border:0;background:transparent;color:#0f6cbd}
  .em-ib .eic{width:20px;height:20px}
}

/* ---- v11: editor do iPhone em folha sólida, por cima de tudo, com cores explícitas ---- */
@media (max-width:820px){
  .em>.em-comp{background:#fff !important;color:#1b1b1b;padding-top:env(safe-area-inset-top);isolation:isolate;overflow-x:hidden !important;align-self:stretch;justify-self:stretch;grid-column:auto;grid-row:auto;height:auto}
  .em>.em-comp .em-comp-h,.em>.em-comp .em-cl,.em>.em-comp .em-comp-bar,.em>.em-comp .em-txt,.em>.em-comp .em-anx{background:#fff !important}
  .em>.em-comp .em-comp-h{top:env(safe-area-inset-top)}
  .em>.em-comp .em-in{background:transparent !important;color:#1b1b1b !important;border:0 !important}
  .em>.em-comp .em-txt{padding:14px 16px}
  .em>.em-comp .em-comp-bar{box-shadow:0 -1px 0 #edebe9}
  .em .btn.orange,.em .btn.orange:hover,.em .btn.orange:active{background:#0f6cbd !important;border-color:#0f6cbd !important;color:#fff !important}
  .em .btn.ghost{background:transparent !important;color:#0f6cbd !important;border-color:#d1d1d1 !important}
  .em-fab{background:#0f6cbd !important;color:#fff !important}
  .em-comp-inl{background:#fff;border:1px solid #e1dfdd;box-shadow:none}
  /* campos do iPhone: sem 'appearance' nos de texto, mas caixas de marcar e arquivos continuam normais */
  .em input[type=checkbox]{-webkit-appearance:auto !important;appearance:auto !important;width:18px;height:18px;accent-color:#0f6cbd;background:transparent !important;border:revert !important;margin:0}
  .em input[type=file]{display:none}
  .em-chk{font-size:14px;color:#424242;gap:10px}
  .em-comp-h{padding:6px 12px}
  .em-comp-h .em-h-env{display:inline-flex !important;align-items:center;justify-content:center;height:36px;min-height:36px;padding:0 18px;line-height:1;font-size:15px}
  .em-comp-hb{gap:0}
  .em>.em-comp .em-asn{border:1px solid #d1d1d1 !important;border-radius:8px;height:38px;font-size:14px !important;padding:0 32px 0 10px !important;color:#1b1b1b !important;background-color:#fff !important}
  .em-comp-bar{align-items:center}
  .em-comp-bar>.btn{height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;font-size:14px}
}

/* o editor ocupa a mesma célula do painel de leitura (computador) */
.em-col3{grid-column:3;grid-row:1}