/* Parent reply area. The native editor stays in one iframe for its entire lifetime. */
.mailserver-quick-reply { display:block; margin:22px 20px 8px; color:#333942; font:14px/1.5 Arial,Helvetica,sans-serif; }
.mailserver-quick-reply [hidden] { display:none!important; }
.mailserver-quick-reply button { font:inherit; cursor:pointer; }
.mailserver-quick-reply-start { display:flex; align-items:center; gap:10px; width:100%; min-height:44px; padding:11px 16px; border:0; border-radius:12px; background:#f3f4f5; color:#626975; text-align:left; }
.mailserver-quick-reply-start::before { content:'↶'; font-size:22px; line-height:18px; }
.mailserver-quick-reply-start:hover { color:#353b44; background:#ebeef1; }
.mailserver-quick-reply-editor { border:1px solid #e3e6eb; border-radius:12px; overflow:hidden; background:#fff; }
.mailserver-quick-reply-header { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:10px 14px; border-bottom:1px solid #eceef1; }
.mailserver-quick-reply-header strong { margin-right:auto; font-weight:600; }
.mailserver-quick-reply-header button { border:0; border-radius:6px; padding:6px 9px; background:#f3f4f6; color:#545b66; }
.mailserver-quick-reply-header button:hover { background:#e7eaee; }
.mailserver-quick-reply button:focus-visible { outline:2px solid #b99000; outline-offset:2px; }
.mailserver-quick-reply-status { margin:0; padding:8px 14px; color:#626975; font-size:13px; line-height:20px; }
.mailserver-quick-reply-status:empty { display:none; }
.mailserver-quick-reply-frame { display:block; width:100%; height:490px; border:0; background:#fff; }
.mailserver-quick-reply.is-full .mailserver-quick-reply-frame { height:760px; height:max(600px, 80vh); }
@media(max-width:600px) {
  .mailserver-quick-reply { margin:16px 0 6px; }
  .mailserver-quick-reply-header { gap:6px; padding:8px; }
  .mailserver-quick-reply-header strong { width:100%; }
  .mailserver-quick-reply-frame { height:560px; }
}

/* Same-origin native compose page: presentation only, keep every native form field. */
body.mailserver-quick-compose { background:#fff!important; }
body.mailserver-quick-compose #layout { padding:0!important; height:100vh!important; background:#fff!important; }
body.mailserver-quick-compose #layout-menu { display:none!important; }
body.mailserver-quick-compose #layout-content { min-width:0!important; width:auto!important; border:0!important; border-radius:0!important; }
body.mailserver-quick-compose #layout-content>.header { min-height:40px!important; height:auto!important; padding:0 10px!important; }
body.mailserver-quick-compose #layout-content>.header>.header-title,
body.mailserver-quick-compose #layout-content>.header>.task-menu-button,
body.mailserver-quick-compose .content-frame-navigation,
body.mailserver-quick-compose .formbuttons .extwin { display:none!important; }
body.mailserver-quick-compose #messagetoolbar { display:flex!important; flex-wrap:wrap; position:static!important; width:auto!important; height:auto!important; min-height:38px; max-height:none!important; box-shadow:none!important; border:0!important; background:#fff!important; }
body.mailserver-quick-compose #messagetoolbar a.draft { display:flex!important; }
body.mailserver-quick-compose #layout-content #compose-content { padding:0!important; }
body.mailserver-quick-compose #compose-content>form { padding:10px 16px!important; }
body.mailserver-quick-compose #compose-headers .form-group { margin-bottom:6px; }
body.mailserver-quick-compose #compose-headers .col-form-label { font-size:12px; }
body.mailserver-quick-compose #composebodycontainer { min-height:160px!important; }
body.mailserver-quick-compose #composebody { min-height:160px!important; }
body.mailserver-quick-compose .formbuttons { padding:10px 16px!important; border-top:1px solid #eceef1; background:#fff; }
body.mailserver-quick-compose button.send { display:inline-block!important; color:#282b30!important; background:#ffdb4d!important; border-color:#ffdb4d!important; border-radius:9px; min-width:122px; }
body.mailserver-quick-compose:not(.mailserver-quick-compose-full) #layout-sidebar { display:none!important; }
body.mailserver-quick-compose:not(.mailserver-quick-compose-full) #messagetoolbar .signature,
body.mailserver-quick-compose:not(.mailserver-quick-compose-full) #messagetoolbar .responses,
body.mailserver-quick-compose:not(.mailserver-quick-compose-full) #messagetoolbar .spellcheck,
body.mailserver-quick-compose:not(.mailserver-quick-compose-full) #messagetoolbar .encrypt { display:none!important; }
body.mailserver-quick-compose.mailserver-quick-compose-full #layout-sidebar { width:220px!important; min-width:220px!important; max-width:220px!important; }

/* The compact retained reply shows the real native recipient field and chips. */
body.mailserver-quick-editor #compose-content { position:relative; }
body.mailserver-quick-editor #compose-headers { display:block!important; padding:2px 80px 2px 0; }
body.mailserver-quick-editor #compose-headers .form-group { display:none!important; }
body.mailserver-quick-editor #compose-headers .form-group:has([name="_to"]) {
  display:flex!important; min-height:38px; margin:0!important; border:0!important; align-items:center;
}
body.mailserver-quick-editor #compose-headers .form-group:has([name="_to"]) > .col-form-label { display:none; }
body.mailserver-quick-editor #compose-headers .form-group:has([name="_to"]) > .col-10 { flex:1; max-width:none; width:100%; }
body.mailserver-quick-editor #compose-headers .recipient-input { border:0; background:transparent; box-shadow:none; }
body.mailserver-quick-editor #compose-headers .recipient { background:#f0f1f3; border:0; border-radius:16px; padding:4px 9px; }
body.mailserver-quick-editor #composebodycontainer { min-height:150px!important; padding-top:6px!important; }
body.mailserver-quick-editor .tox-editor-header { display:none!important; }
body.mailserver-quick-editor .mailserver-quick-expand-control {
  position:absolute; z-index:3; top:7px; right:44px; width:30px; height:30px;
  border:0; border-radius:6px; background:transparent; color:#7a818d; font:22px/30px Arial,sans-serif; cursor:pointer;
}
body.mailserver-quick-editor .mailserver-quick-expand-control:hover { color:#343b46; background:#f1f2f5; }
body.mailserver-quick-editor .mailserver-quick-expand-control:focus-visible { outline:2px solid #9f7b00; outline-offset:1px; }
.mailserver-quick-expand-control[hidden] { display:none!important; }
body.mailserver-quick-plain #composebody,body.mailserver-quick-plain #composebodycontainer > .editor-toolbar { display:none!important; }
.mailserver-quick-message {
  display:block; box-sizing:border-box; width:100%; min-height:150px; height:100%; margin:0; padding:6px 0;
  border:0; border-radius:0; outline:0; resize:none; background:#fff; color:#262930; font:14px/1.5 Arial,Helvetica,sans-serif;
}
.mailserver-quick-message::placeholder { color:#9399a3; opacity:1; }
.mailserver-quick-message:focus-visible { outline:0; box-shadow:none; }
/* Reuse the real attachment command beside Send; large files follow its normal
 * Cloud upload hooks. The remaining native tools return in the full editor. */
body.mailserver-workspace-compose.mailserver-quick-editor #layout-content { position:relative; }
body.mailserver-workspace-compose.mailserver-quick-editor #layout-content > .header {
  position:absolute!important; z-index:2; left:158px; right:46px; bottom:8px; top:auto;
  height:36px!important; min-height:36px!important; padding:0!important; border:0!important;
}
body.mailserver-workspace-compose.mailserver-quick-editor #toolbar-menu > li:not(:has(> a.attach)),
body.mailserver-workspace-compose.mailserver-quick-editor #messagetoolbar > a:not(.attach),
body.mailserver-workspace-compose.mailserver-quick-editor #messagetoolbar > .mailserver-compose-options-button { display:none!important; }
body.mailserver-workspace-compose.mailserver-quick-editor #toolbar-menu > li:has(> a.attach),
body.mailserver-workspace-compose.mailserver-quick-editor :is(#toolbar-menu,#messagetoolbar) a.attach { display:inline-flex!important; }
body.mailserver-workspace-compose.mailserver-quick-editor :is(#toolbar-menu,#messagetoolbar) a.attach .inner { display:none!important; }
@media(max-width:640px) {
  body.mailserver-quick-compose #compose-content>form { padding:8px!important; }
  body.mailserver-quick-compose.mailserver-quick-compose-full #layout-sidebar { width:190px!important; min-width:190px!important; max-width:190px!important; }
}