/* Software ESM · Crear Correos PRO · ajuste visible real 2026 */
.btn-correos-top-premium{
  background:linear-gradient(135deg,#00d4ff,#2563eb)!important;
  color:#fff!important;border:1px solid rgba(125,211,252,.75)!important;
  box-shadow:0 0 22px rgba(56,189,248,.45), inset 0 0 16px rgba(255,255,255,.10)!important;
  font-weight:900!important;letter-spacing:.2px!important;
}
.modulo-correos-premium-card{
  border:1px solid rgba(56,189,248,.55)!important;
  background:radial-gradient(circle at top left,rgba(14,165,233,.28),rgba(2,6,23,.88) 56%)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.38),0 0 34px rgba(56,189,248,.22)!important;
  position:relative!important;overflow:hidden!important;
}
.modulo-correos-premium-card:before{content:'NUEVO';position:absolute;right:12px;top:12px;font-size:10px;font-weight:950;color:#082f49;background:#67e8f9;border-radius:999px;padding:4px 8px;box-shadow:0 0 18px rgba(103,232,249,.65)}
.icono-correo-premium{font-size:34px!important;background:linear-gradient(135deg,rgba(34,211,238,.36),rgba(37,99,235,.2))!important;border-color:rgba(103,232,249,.55)!important;box-shadow:0 0 22px rgba(34,211,238,.35)!important}
.modulo-correos-premium-card button{background:linear-gradient(135deg,#0891b2,#1d4ed8)!important;color:#fff!important;border:0!important;border-radius:14px!important;font-weight:950!important;box-shadow:0 10px 26px rgba(37,99,235,.35)!important}
.correo-fullscreen-esm{width:96vw!important;height:92vh!important;max-width:none!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(2,6,23,.98),rgba(8,24,48,.98))!important;border:1px solid rgba(56,189,248,.32)!important;box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 45px rgba(56,189,248,.16)!important}
.correo-header-esm{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding-bottom:14px!important;border-bottom:1px solid rgba(56,189,248,.18)!important}
.correo-header-actions-esm button{border-radius:14px!important;font-weight:900!important}
.correo-grid-esm{height:calc(92vh - 145px)!important;display:grid!important;grid-template-columns:minmax(330px,42%) 1fr!important;gap:16px!important;margin-top:16px!important}
.correo-panel-esm{min-height:0!important;overflow:auto!important;border-radius:20px!important;background:rgba(15,23,42,.72)!important;border:1px solid rgba(56,189,248,.18)!important;padding:16px!important}
.destinatario-correo-card-esm{display:flex!important;align-items:center!important;gap:10px!important;padding:10px!important;margin-bottom:8px!important;border-radius:16px!important;background:rgba(2,6,23,.62)!important;border:1px solid rgba(148,163,184,.16)!important;cursor:pointer!important}
.destinatario-correo-card-esm:hover{border-color:rgba(56,189,248,.5)!important;transform:translateY(-1px)!important}
.destinatario-avatar-esm{width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0ea5e9,#1d4ed8)!important;color:white!important;font-weight:950!important;overflow:hidden!important;flex:none!important}
.destinatario-avatar-esm img{width:100%!important;height:100%!important;object-fit:cover!important}
.btn-enviar-correo-esm{width:100%!important;margin-top:12px!important;padding:15px 18px!important;border-radius:18px!important;border:0!important;background:linear-gradient(135deg,#22c55e,#0891b2,#2563eb)!important;color:#fff!important;font-size:16px!important;font-weight:950!important;box-shadow:0 14px 34px rgba(14,165,233,.32)!important;cursor:pointer!important}
.btn-notificaciones-esm{display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:16px!important;background:rgba(15,23,42,.88)!important;border:1px solid rgba(56,189,248,.35)!important;box-shadow:0 0 20px rgba(56,189,248,.22)!important;font-size:20px!important}
.contador-notificaciones-esm{background:#ef4444!important;color:white!important;box-shadow:0 0 12px rgba(239,68,68,.8)!important}
@media(max-width:900px){.correo-grid-esm{grid-template-columns:1fr!important;height:auto!important}.correo-fullscreen-esm{height:94vh!important;width:98vw!important}.correo-header-esm{flex-direction:column!important;align-items:stretch!important}}

/* FIX REAL: scroll y selección automática de destinatarios del sistema */
#modalCrearCorreos{
  align-items:stretch!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:0!important;
}
#modalCrearCorreos .correo-fullscreen-esm{
  width:100vw!important;
  height:100vh!important;
  max-width:100vw!important;
  max-height:100vh!important;
  border-radius:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#modalCrearCorreos .correo-grid-esm{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
}
#modalCrearCorreos .correo-panel-esm{
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#modalCrearCorreos .correo-panel-destinos-esm{
  height:100%!important;
}
#listaDestinatariosCorreo.lista-destinatarios-correo-esm,
#modalCrearCorreos .lista-destinatarios-correo-esm{
  flex:1 1 auto!important;
  min-height:220px!important;
  max-height:none!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:8px!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
}
#modalCrearCorreos .destinatario-correo-card-esm{
  user-select:none!important;
  display:grid!important;
  grid-template-columns:28px 42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}
#modalCrearCorreos .destinatario-correo-card-esm input[type="checkbox"]{
  width:20px!important;
  height:20px!important;
  accent-color:#22d3ee!important;
  cursor:pointer!important;
}
#modalCrearCorreos .destinatario-correo-card-esm.destinatario-seleccionado-esm{
  border-color:rgba(34,211,238,.9)!important;
  background:linear-gradient(135deg,rgba(14,165,233,.30),rgba(2,6,23,.82))!important;
  box-shadow:0 0 22px rgba(34,211,238,.22)!important;
}
.correo-seleccionados-sistema-vista-esm{
  min-height:48px!important;
  max-height:112px!important;
  overflow:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:8px 0 12px!important;
  padding:10px!important;
  border:1px solid rgba(56,189,248,.18)!important;
  border-radius:16px!important;
  background:rgba(2,6,23,.55)!important;
}
.chip-correo-seleccionado-esm{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid rgba(34,211,238,.45)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  color:#e0f2fe!important;
  background:rgba(14,165,233,.16)!important;
  cursor:pointer!important;
}
.chip-correo-seleccionado-esm strong{font-size:12px!important;color:#fff!important;}
.chip-correo-seleccionado-esm small{font-size:11px!important;color:#bae6fd!important;}
.chip-correo-seleccionado-esm span{font-size:16px!important;font-weight:900!important;color:#fff!important;}
@media(max-width:900px){
  #modalCrearCorreos .correo-grid-esm{display:flex!important;flex-direction:column!important;overflow:auto!important;}
  #listaDestinatariosCorreo.lista-destinatarios-correo-esm{min-height:260px!important;max-height:48vh!important;}
}

/* FIX FINAL CORREOS: selección manual, scroll real y redacción habilitada */
#modalCrearCorreos .correo-grid-esm{
  display:grid!important;
  grid-template-columns:minmax(340px,38%) minmax(420px,1fr)!important;
  height:calc(100vh - 118px)!important;
  max-height:calc(100vh - 118px)!important;
  min-height:0!important;
  overflow:hidden!important;
}
#modalCrearCorreos .correo-panel-destinos-esm,
#modalCrearCorreos .correo-panel-redactar-esm{
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#modalCrearCorreos .correo-panel-redactar-esm{
  overflow-y:auto!important;
  padding-bottom:22px!important;
}
#modalCrearCorreos .correo-filtros-esm,
#modalCrearCorreos .correo-acciones-rapidas-esm{
  flex:0 0 auto!important;
}
#modalCrearCorreos #listaDestinatariosCorreo.lista-destinatarios-correo-esm{
  flex:1 1 auto!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  touch-action:pan-y!important;
  padding:8px 10px 18px 0!important;
  margin-top:8px!important;
}
#modalCrearCorreos .destinatario-correo-card-esm{
  cursor:pointer!important;
  pointer-events:auto!important;
}
#modalCrearCorreos .destinatario-correo-card-esm input[type="checkbox"]{
  pointer-events:auto!important;
  flex:none!important;
}
#modalCrearCorreos .destinatario-info-esm{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
#modalCrearCorreos .destinatario-info-esm strong,
#modalCrearCorreos .destinatario-info-esm small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#modalCrearCorreos #correoMensaje.correo-textarea-esm,
#modalCrearCorreos textarea#correoMensaje{
  display:block!important;
  width:100%!important;
  min-height:240px!important;
  height:32vh!important;
  max-height:42vh!important;
  resize:vertical!important;
  overflow-y:auto!important;
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  opacity:1!important;
  z-index:5!important;
  position:relative!important;
}
#modalCrearCorreos input,
#modalCrearCorreos textarea,
#modalCrearCorreos select{
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
}
#modalCrearCorreos .correo-seleccionados-sistema-vista-esm{
  flex:0 0 auto!important;
}
@media(max-width:900px){
  #modalCrearCorreos .correo-grid-esm{
    display:flex!important;
    flex-direction:column!important;
    height:calc(100vh - 126px)!important;
    max-height:calc(100vh - 126px)!important;
    overflow-y:auto!important;
  }
  #modalCrearCorreos .correo-panel-destinos-esm{
    flex:0 0 48vh!important;
    min-height:48vh!important;
  }
  #modalCrearCorreos #listaDestinatariosCorreo.lista-destinatarios-correo-esm{
    max-height:32vh!important;
    min-height:180px!important;
  }
  #modalCrearCorreos #correoMensaje.correo-textarea-esm{
    min-height:200px!important;
    height:260px!important;
  }
}