/* Webmail RCA: barra do topo com a marca do cliente, sem o menu lateral do painel. */
.pn--wm:not(.pn--fora) .pn-main{margin:0 auto;padding:26px 32px 40px;max-width:1500px}
.wm-topo{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 32px;background:var(--navy);color:#fff;box-shadow:0 2px 14px rgba(0,22,52,.18)}
.wm-marca{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}
.wm-marca img{height:40px;width:auto;display:block}
.wm-marca span{font-weight:700;font-size:15px;letter-spacing:.02em;padding-left:14px;border-left:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.92)}
.wm-quem{display:flex;align-items:center;gap:10px;min-width:0}
.wm-ini{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--laranja);color:#fff;font-weight:700;font-size:14px}
.wm-end{font-size:14px;color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
.wm-quem form{margin:0}
.wm-quem button{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.3);border-radius:9px;background:transparent;color:#fff;font:600 14px var(--f-ui);cursor:pointer;transition:background .2s,border-color .2s}
.wm-quem button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.55)}
.wm-quem button .ic,.wm-quem button svg{width:16px;height:16px}
.wm-rod{margin:0 auto;padding:0 32px 28px;max-width:1500px;font-size:12.5px;color:var(--mut)}
.wm-rod a{color:var(--azul);font-weight:600;text-decoration:none}
.pn--wm .pn-suporte{display:none}
@media (max-width:1000px){
  .pn--wm:not(.pn--fora) .pn-main{padding:18px 16px 30px}
  .wm-topo{padding:0 16px;height:58px}
  .wm-marca img{height:34px}
  .wm-end{display:none}
  .wm-rod{padding:0 16px 22px}
}
@media (max-width:420px){.wm-marca span{display:none}.wm-quem button span{display:none}}
.wm-modo{border:0;margin:2px 0 4px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wm-modo legend{padding:0;margin:0 0 6px;font-size:13.5px;font-weight:600;color:var(--tit)}
.wm-modo label{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1.5px solid var(--linha2);border-radius:10px;background:var(--card);cursor:pointer;font-weight:600;color:var(--tit);transition:border-color .15s,background .15s}
.wm-modo label:has(input:checked){border-color:var(--azul);background:var(--azul-cl)}
.wm-modo input{width:17px;height:17px;margin:0;accent-color:var(--azul)}

/* ================= Modo Gmail e Modo Outlook (webmail, computador) ================= */
.pn--wm{--g-bg:#f6f8fc;--g-pane:#fff;--g-ativo:#d3e3fd;--g-escr:#c2e7ff;--g-escr-tx:#001d35;--g-lida:#f2f6fc;--g-linha:#eceff3;--g-busca:#eaf1fb;
  --o-bg:#f5f5f5;--o-pane:#fff;--o-ativo:#e1ecf8;--o-azul:#0f6cbd;--o-sel:#cfe4fa;--o-linha:#ececec;--o-hover:#f5f9fd}
@media (min-width:1101px){
  /* trilho vira coluna de pastas com nome, como nos dois */
  .pn--wm .pn-mail--gmail,.pn--wm .pn-mail--outlook{grid-template-columns:250px minmax(0,1fr)}
  .pn--wm .pn-mail--gmail .pn-trilho,.pn--wm .pn-mail--outlook .pn-trilho{align-items:stretch;gap:2px;padding:0;background:transparent;border:0;border-radius:0}
  .pn--wm .pn-trilho>a{width:auto;height:34px;display:flex;align-items:center;gap:16px;padding:0 14px 0 20px;justify-content:flex-start;font-size:14px;text-decoration:none}
  .pn--wm .pn-trilho>a svg{width:19px;height:19px;flex:none}
  .pn--wm .pn-tt{display:inline;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pn--wm .pn-trilho small{position:static;border:0;background:none;color:inherit;font-size:12.5px;font-weight:700;padding:0;min-width:0;height:auto;line-height:1}
  .pn--wm .pn-trilho>a.pn-trilho-pe{margin-top:18px}
  .pn--wm .pn-trilho>a.pn-trilho-pe::before{left:20px;right:14px;top:-10px}
  .pn--wm .pn-caixa-tit{display:none}

  /* ---------- Gmail ---------- */
  .pn--wm:has(.pn-mail--gmail){background:var(--g-bg)}
  .pn-mail--gmail{font-family:Roboto,"Helvetica Neue",Arial,sans-serif}
  .pn-mail--gmail .pn-trilho>a{border-radius:0 17px 17px 0;color:#202124}
  .pn-mail--gmail .pn-trilho>a:hover{background:#e8ebf0;color:#202124}
  .pn-mail--gmail .pn-trilho>a.on{background:var(--g-ativo);color:#001d35;font-weight:700}
  .pn-mail--gmail .pn-trilho>a.pn-trilho-escrever{height:56px;width:max-content;min-width:140px;margin:0 0 14px 8px;padding:0 26px 0 18px;border-radius:16px;background:var(--g-escr);color:var(--g-escr-tx);font-weight:600;font-size:14.5px;box-shadow:none}
  .pn-mail--gmail .pn-trilho>a.pn-trilho-escrever:hover{background:var(--g-escr);box-shadow:0 1px 3px rgba(0,0,0,.25);filter:none;color:var(--g-escr-tx)}
  .pn-mail--gmail .pn-caixa{border:0;border-radius:16px;background:var(--g-pane)}
  .pn-mail--gmail .pn-caixa .pn-caixa-barra{background:var(--g-pane);border-bottom:1px solid var(--g-linha);padding:8px 14px}
  .pn-mail--gmail .pn-caixa .pn-caixa-busca input{height:44px;border:0;border-radius:24px;background:var(--g-busca);padding-left:46px;font-size:15px}
  .pn-mail--gmail .pn-caixa .pn-msg{grid-template-columns:26px 200px minmax(0,1fr) auto;gap:12px;padding:0 16px 0 14px;min-height:40px;font-size:14px;border-bottom:1px solid var(--g-linha);background:var(--g-lida)}
  .pn-mail--gmail .pn-caixa .pn-msg .pn-msg-av{display:none}
  .pn-mail--gmail .pn-caixa .pn-msg.nova{background:var(--g-pane)}
  .pn-mail--gmail .pn-caixa .pn-msg:hover{background:var(--g-lida);box-shadow:inset 1px 0 0 #dadce0,inset -1px 0 0 #dadce0,0 1px 2px rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);z-index:1}
  .pn-mail--gmail .pn-caixa .pn-msg .pn-msg-de,.pn-mail--gmail .pn-caixa .pn-msg .pn-msg-as{color:#202124}
  .pn-mail--gmail .pn-caixa .pn-msg .pn-msg-pv,.pn-mail--gmail .pn-caixa .pn-msg-sep{color:#5f6368}
  .pn-mail--gmail .pn-caixa .pn-msg.nova .pn-msg-de,.pn-mail--gmail .pn-caixa .pn-msg.nova .pn-msg-as,.pn-mail--gmail .pn-caixa .pn-msg.nova .pn-msg-data{color:#202124;font-weight:700}
  .pn-mail--gmail .pn-leitura{border:0;border-radius:16px;font-family:inherit}

  /* ---------- Outlook ---------- */
  .pn--wm:has(.pn-mail--outlook){background:var(--o-bg)}
  .pn-mail--outlook{font-family:"Segoe UI","Segoe UI Web",-apple-system,system-ui,sans-serif;gap:12px}
  .pn-mail--outlook .pn-trilho>a{border-radius:4px;color:#242424;height:32px}
  .pn-mail--outlook .pn-trilho>a:hover{background:#ebebeb;color:#242424}
  .pn-mail--outlook .pn-trilho>a.on{background:var(--o-ativo);color:#242424;font-weight:600}
  .pn-mail--outlook .pn-trilho>a.pn-trilho-escrever{height:36px;margin:0 0 12px;padding:0 14px;justify-content:center;gap:8px;border-radius:4px;background:var(--o-azul);color:#fff;font-weight:600;box-shadow:none}
  .pn-mail--outlook .pn-trilho>a.pn-trilho-escrever .pn-tt{flex:none}
  .pn-mail--outlook .pn-trilho>a.pn-trilho-escrever:hover{background:#115ea3;color:#fff;filter:none}
  .pn-mail--outlook .pn-trilho small{color:var(--o-azul)}
  .pn-mail--outlook .pn-ol{gap:12px;grid-template-columns:minmax(320px,380px) minmax(0,1fr)}
  .pn-mail--outlook .pn-caixa{border:0;border-radius:6px;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.14);background:var(--o-pane)}
  .pn-mail--outlook .pn-caixa-tit{display:block;padding:14px 16px 4px;font-size:18px;font-weight:600;color:#242424}
  .pn-mail--outlook .pn-caixa .pn-caixa-barra{background:var(--o-pane);border-bottom:1px solid var(--o-linha);padding:6px 12px 8px}
  .pn-mail--outlook .pn-caixa .pn-caixa-busca input{height:32px;border-radius:4px;border:1px solid #d1d1d1;background:#fff}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg{grid-template-columns:22px 32px minmax(0,1fr) auto;grid-template-rows:auto auto auto;row-gap:1px;padding:10px 12px 10px 10px;border-bottom:1px solid var(--o-linha);background:var(--o-pane);font-size:13.5px}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg .pn-chk{grid-row:1/4}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg .pn-msg-av{grid-row:1/4;align-self:start;width:32px;height:32px;border-radius:50%;font-size:12px}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg .pn-msg-tx{grid-column:3/5;grid-row:2/4;display:flex;flex-direction:column;gap:1px;white-space:nowrap;-webkit-line-clamp:unset}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg .pn-msg-tx>span{overflow:hidden;text-overflow:ellipsis}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg .pn-msg-sep{display:none}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg .pn-msg-de{color:#242424;font-size:14px}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg .pn-msg-as{color:#242424}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg .pn-msg-pv{color:#616161}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg.nova{box-shadow:inset 3px 0 0 var(--o-azul)}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg.nova .pn-msg-de{font-weight:700;color:#242424}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg.nova .pn-msg-as,.pn-mail--outlook .pn-ol .pn-caixa .pn-msg.nova .pn-msg-data{font-weight:700;color:var(--o-azul)}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg:hover{background:var(--o-hover)}
  .pn-mail--outlook .pn-ol .pn-caixa .pn-msg.on{background:var(--o-sel);box-shadow:none}
  .pn-mail--outlook .pn-ol-ler{border-radius:6px;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.14);background:var(--o-pane)}
  .pn-mail--outlook .pn-ol-ler .pn-leitura,.pn-mail--outlook .pn-ol-vazio{border:0;border-radius:6px;box-shadow:none;font-family:inherit}
  /* mensagem aberta: botões Responder, Responder a todos e Encaminhar no alto, como no Outlook */
  .pn-mail--outlook .pn-ol-ler .pn-leitura{display:flex;flex-direction:column}
  .pn-mail--outlook .pn-ol-ler .pn-leitura-topo{order:0}
  .pn-mail--outlook .pn-ol-ler .pn-leitura-as{order:1;font-size:20px;font-weight:600}
  .pn-mail--outlook .pn-ol-ler .pn-leitura-bts{order:2;margin:0 0 14px;gap:6px;flex-wrap:wrap}
  .pn-mail--outlook .pn-ol-ler .pn-leitura-de{order:3}
  .pn-mail--outlook .pn-ol-ler .pn-leitura iframe{order:4}
  .pn-mail--outlook .pn-ol-ler .pn-anexos{order:5}
  .pn-mail--outlook .pn-ol-ler .pn-leitura-bts .pn-bt{min-height:32px;height:32px;padding:0 12px;border-radius:4px;border:1px solid #d1d1d1;font-size:13.5px;font-weight:600;color:#242424;background:#fff}
  .pn-mail--outlook .pn-ol-ler .pn-leitura-bts .pn-bt:hover{background:#f5f5f5}
  .pn-mail--outlook .pn-ol-ler .pn-leitura-bts .pn-bt svg{color:var(--o-azul)}
  .pn-mail--outlook .pn-leitura-de .pn-msg-av{border-radius:50%}
}
/* escuro */
html[data-tema=escuro] .pn--wm{--g-bg:#111b2b;--g-pane:#121e30;--g-ativo:#1e3a5f;--g-escr:#1e3a5f;--g-escr-tx:#e8eef7;--g-lida:#0f1a2a;--g-linha:#203047;--g-busca:#1a2940;
  --o-bg:#0b1422;--o-pane:#121e30;--o-ativo:#1e3a5f;--o-azul:#4aa3ef;--o-sel:#16314d;--o-linha:#203047;--o-hover:#162539}
@media (min-width:1101px){
  html[data-tema=escuro] .pn-mail--gmail .pn-trilho>a,html[data-tema=escuro] .pn-mail--outlook .pn-trilho>a{color:#c9d5e6}
  html[data-tema=escuro] .pn-mail--gmail .pn-trilho>a.on,html[data-tema=escuro] .pn-mail--outlook .pn-trilho>a.on{color:#f2f6fc}
  html[data-tema=escuro] .pn-mail--gmail .pn-trilho>a:hover,html[data-tema=escuro] .pn-mail--outlook .pn-trilho>a:hover{background:#18273d;color:#f2f6fc}
  html[data-tema=escuro] .pn-mail--gmail .pn-caixa .pn-msg .pn-msg-de,html[data-tema=escuro] .pn-mail--gmail .pn-caixa .pn-msg .pn-msg-as,
  html[data-tema=escuro] .pn-mail--outlook .pn-ol .pn-caixa .pn-msg .pn-msg-de,html[data-tema=escuro] .pn-mail--outlook .pn-ol .pn-caixa .pn-msg .pn-msg-as,html[data-tema=escuro] .pn-mail--outlook .pn-caixa-tit{color:#d6e0ee}
  html[data-tema=escuro] .pn-mail--gmail .pn-caixa .pn-msg.nova .pn-msg-de,html[data-tema=escuro] .pn-mail--gmail .pn-caixa .pn-msg.nova .pn-msg-as,html[data-tema=escuro] .pn-mail--gmail .pn-caixa .pn-msg.nova .pn-msg-data,html[data-tema=escuro] .pn-mail--outlook .pn-ol .pn-caixa .pn-msg.nova .pn-msg-de{color:#fff}
  html[data-tema=escuro] .pn-mail--outlook .pn-caixa .pn-caixa-busca input,html[data-tema=escuro] .pn-mail--outlook .pn-ol-ler .pn-leitura-bts .pn-bt{background:var(--o-pane);border-color:#33445e;color:#e8eef7}
}
@media (min-width:1101px){
  html[data-tema=escuro] body .pn-mail--gmail .pn-trilho,html[data-tema=escuro] body .pn-mail--outlook .pn-trilho{background:transparent!important;border:0!important;box-shadow:none}
  html[data-tema=escuro] .pn-mail--outlook .pn-trilho>a.pn-trilho-escrever{color:#06121f}
}