/* assets/css/webmail-lightbox.css — ícone de envelope da topbar + lightbox fullscreen do Webmail.
   Carregado direto por includes/header2.php (não faz parte dos pacotes de CSS). */
.homepage2-header-webmail-btn {
  background: none; border: 0; cursor: pointer; color: #fff;
  width: 28px; height: 28px; padding: 4px; border-radius: 6px;
  display: inline-flex; align-items: center; justify-content: center;
}
.homepage2-header-webmail-btn svg { width: 19px; height: 19px; }
.homepage2-header-webmail-btn:hover, .homepage2-header-webmail-btn:focus-visible { background: rgba(255,255,255,.12); color: #01BAFA; }

.staecnon-webmail-lightbox { display: none; position: fixed; inset: 0; background: rgba(11,20,34,.78); backdrop-filter: blur(4px); z-index: 10001; }
.staecnon-webmail-lightbox.is-aberto { display: block; }
.staecnon-webmail-fechar {
  position: fixed; top: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%; border: 0;
  background: rgba(255,255,255,.18); color: #fff; font-size: 20px; cursor: pointer; z-index: 2;
  display: flex; align-items: center; justify-content: center;
}
.staecnon-webmail-fechar:hover { background: rgba(255,255,255,.32); }
.staecnon-webmail-quadro {
  position: absolute; top: 20px; bottom: 20px; left: 0; right: 0; margin: 0 auto;
  width: min(1320px, calc(100% - 152px)); height: calc(100% - 40px);
  border: 0; border-radius: 10px; background: transparent; color-scheme: light;
}
@media (max-width: 760px) {
  .staecnon-webmail-fechar { top: 10px; right: 12px; width: 40px; height: 40px; }
  .staecnon-webmail-quadro { top: 64px; bottom: 0; width: 100%; height: calc(100% - 64px); border-radius: 10px 10px 0 0; }
}