/* =========================================================
   Rabbit Mail Desk V13 — Floating popup centrale email
   Trasforma la preview email da pannello laterale a modal centrale
   senza alterare le altre maschere del gestionale.
   ========================================================= */

#mask.mail-floating-popup.show{
  align-items:center!important;
  justify-content:center!important;
  padding:32px!important;
  background:
    radial-gradient(circle at 18% 18%, rgba(37,99,235,.18), transparent 34%),
    radial-gradient(circle at 78% 22%, rgba(16,185,129,.15), transparent 32%),
    rgba(7,18,35,.52)!important;
  backdrop-filter:blur(18px) saturate(132%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(132%)!important;
}

#mask.mail-floating-popup .mask-panel{
  width:min(980px, calc(100vw - 64px))!important;
  height:auto!important;
  max-height:min(86vh, 820px)!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important;
  border-radius:34px!important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(245,250,255,.90))!important;
  border:1px solid rgba(190,211,238,.85)!important;
  box-shadow:
    0 34px 110px rgba(7,18,35,.34),
    inset 0 1px 0 rgba(255,255,255,.88)!important;
}

#mask.mail-floating-popup .mask-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 0% 0%, rgba(37,99,235,.10), transparent 30%),
    radial-gradient(circle at 100% 10%, rgba(20,184,166,.10), transparent 32%);
  opacity:.9;
}

#mask.mail-floating-popup .mask-head{
  position:relative!important;
  top:auto!important;
  z-index:2!important;
  min-height:118px!important;
  padding:24px 26px!important;
  align-items:flex-start!important;
  background:linear-gradient(135deg, rgba(255,255,255,.94), rgba(239,247,255,.88))!important;
  border-bottom:1px solid rgba(208,224,244,.9)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

#mask.mail-floating-popup .mask-title{
  min-width:0!important;
  padding-right:14px!important;
}

#mask.mail-floating-popup #maskBadge,
#mask.mail-floating-popup .mask-title .badge{
  display:inline-flex!important;
  align-items:center!important;
  height:28px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  background:#eef5ff!important;
  color:#235ed7!important;
  border:1px solid #d6e6ff!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
}

#mask.mail-floating-popup .mask-title h2{
  margin:9px 0 7px!important;
  max-width:780px!important;
  color:#07152d!important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;
  font-size:clamp(24px, 3vw, 34px)!important;
  line-height:1.03!important;
  letter-spacing:-.06em!important;
  font-weight:1000!important;
  white-space:normal!important;
}

#mask.mail-floating-popup .mask-title p,
#mask.mail-floating-popup #maskSubtitle{
  margin:0!important;
  color:#53677e!important;
  font-size:13px!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#mask.mail-floating-popup .mask-head .actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

#mask.mail-floating-popup .mask-head .actions button:not(#maskSave){
  display:none!important;
}

#mask.mail-floating-popup .mask-head .actions #maskSave{
  min-height:42px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#2674e8,#18b789)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:0 16px 34px rgba(38,116,232,.22)!important;
}

#mask.mail-floating-popup .mask-body{
  position:relative!important;
  z-index:2!important;
  padding:18px 20px 22px!important;
  overflow:auto!important;
  background:linear-gradient(180deg, rgba(248,251,255,.78), rgba(255,255,255,.96))!important;
}

#mask.mail-floating-popup .mail-open-floating-v13{
  display:grid!important;
  grid-template-columns:minmax(0, 1fr)!important;
  gap:14px!important;
}

#mask.mail-floating-popup .mail-open-preview-v4 .mail-open-meta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

#mask.mail-floating-popup .mail-open-preview-v4 .mail-open-meta p{
  min-height:58px!important;
  margin:0!important;
  padding:13px 14px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(214,228,245,.94)!important;
  color:#35475f!important;
  font-size:12px!important;
  line-height:1.38!important;
  font-weight:760!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#mask.mail-floating-popup .mail-open-preview-v4 .mail-open-meta b{
  color:#0f2f5c!important;
  font-weight:1000!important;
}

#mask.mail-floating-popup .mail-open-preview-v4 .mail-open-body{
  max-height:36vh!important;
  min-height:170px!important;
  overflow:auto!important;
  padding:18px!important;
  border-radius:24px!important;
  background:#ffffff!important;
  border:1px solid rgba(214,228,245,.95)!important;
  box-shadow:0 12px 32px rgba(20,45,85,.07)!important;
}

#mask.mail-floating-popup .mail-open-preview-v4 .mail-open-body p{
  margin:0!important;
  color:#162338!important;
  font-size:14px!important;
  line-height:1.62!important;
  font-weight:650!important;
  word-break:break-word!important;
}

#mask.mail-floating-popup .mail-open-attachments{
  padding:15px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(246,251,255,.92))!important;
  border:1px solid rgba(214,228,245,.95)!important;
  box-shadow:0 10px 26px rgba(20,45,85,.055)!important;
}

#mask.mail-floating-popup .mail-open-attachments h4{
  color:#07152d!important;
  font-size:15px!important;
  letter-spacing:-.035em!important;
}

#mask.mail-floating-popup .mail-open-attachment{
  min-height:56px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(220,231,245,.95)!important;
}

#mask.mail-floating-popup .mail-open-download{
  min-height:38px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#2674e8,#18b789)!important;
}

#mask.mail-floating-popup .mail-open-actions-v13,
#mask.mail-floating-popup .mail-open-preview-v4 .actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  padding-top:2px!important;
}

#mask.mail-floating-popup .mail-open-actions-v13 button,
#mask.mail-floating-popup .mail-open-preview-v4 .actions button{
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:15px!important;
  border:1px solid rgba(190,211,238,.94)!important;
  background:#fff!important;
  color:#12345a!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:0 10px 22px rgba(20,45,85,.055)!important;
}

#mask.mail-floating-popup .mail-open-actions-v13 button:first-child,
#mask.mail-floating-popup .mail-open-preview-v4 .actions button:first-child{
  border:0!important;
  color:#fff!important;
  background:linear-gradient(135deg,#2674e8,#18b789)!important;
  box-shadow:0 16px 32px rgba(38,116,232,.18)!important;
}

@media(max-width:760px){
  #mask.mail-floating-popup.show{
    align-items:flex-end!important;
    padding:10px!important;
  }
  #mask.mail-floating-popup .mask-panel{
    width:100%!important;
    max-height:92vh!important;
    border-radius:28px 28px 18px 18px!important;
  }
  #mask.mail-floating-popup .mask-head{
    min-height:auto!important;
    padding:18px!important;
  }
  #mask.mail-floating-popup .mask-title h2{
    font-size:24px!important;
  }
  #mask.mail-floating-popup .mask-title p,
  #mask.mail-floating-popup #maskSubtitle{
    white-space:normal!important;
  }
  #mask.mail-floating-popup .mask-body{
    padding:14px!important;
  }
  #mask.mail-floating-popup .mail-open-preview-v4 .mail-open-meta{
    grid-template-columns:1fr!important;
  }
  #mask.mail-floating-popup .mail-open-preview-v4 .mail-open-body{
    max-height:38vh!important;
    min-height:190px!important;
  }
  #mask.mail-floating-popup .mail-open-actions-v13 button,
  #mask.mail-floating-popup .mail-open-preview-v4 .actions button{
    width:100%!important;
  }
}