/* Remove the top-left Email title in the main top bar while Email is active */
html.nx-email-active .workspace-title{
  display:none!important;
}
html.nx-email-active .topbar{
  justify-content:flex-end!important;
}
html.nx-email-active #view-email{
  padding-top:0!important;
}

/* Simpler, more compact reply bar + larger reading area */
#view-email .mail-thread{
  height:calc(100vh - 118px)!important;
  min-height:calc(100vh - 118px)!important;
}
#view-email .mail-conversation{
  padding:18px 24px 14px!important;
}
#view-email .mail-reply-label,
#view-email .mail-reply-left{
  display:none!important;
}
#view-email .mail-reply-box{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 18px!important;
  border-top:1px solid var(--theme-line)!important;
}
#view-email .mail-reply-box textarea{
  min-height:48px!important;
  height:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:13px 14px!important;
  resize:none!important;
  border-radius:14px!important;
}
#view-email .mail-reply-actions{
  margin-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
#view-email .mail-reply-right{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
#view-email .mail-reply-right .secondary,
#view-email .mail-reply-right .primary{
  min-height:48px!important;
  padding:0 16px!important;
  border-radius:14px!important;
  white-space:nowrap!important;
}
#view-email .mail-thread-head{
  padding:18px 24px 14px!important;
}
#view-email .mail-bubble{
  padding:16px 20px!important;
}
@media(max-width:980px){
  html.nx-email-active .workspace-title{
    display:none!important;
  }
  #view-email .mail-thread{
    min-height:calc(100vh - 100px)!important;
    height:auto!important;
  }
  #view-email .mail-reply-box{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  #view-email .mail-reply-right{
    justify-content:flex-end!important;
  }
}