/* NOWI — Compacta aprovada em 30/10/2026 para todos os formatos.
 * Mantém nós, eventos e estados nativos; não fixa a altura de anexos/citações.
 * O piso do corpo passa de 120 para 44 px; arraste e ampliar permanecem nativos.
 */
body .resizable-editor-wrapper .reply-box {font-family:inherit;border-radius:12px}
body .resizable-editor-wrapper .reply-box .resizable-editor-split {
  height:auto;
  min-height:clamp(44px,calc(var(--editor-height,120px) - 76px),max(44px,min(50dvh,calc(var(--nowi-visible-height,100dvh) / 2))));
  transition:min-height var(--editor-height-transition);
}
body .resizable-editor-wrapper .reply-box .resizable-editor-split .editor-mount {
  min-height:44px;flex:1 1 auto;
}
body .resizable-editor-wrapper .reply-box .resizable-editor-split .ProseMirror-menubar-wrapper {flex:1 1 auto}
body .resizable-editor-wrapper .reply-box .resizable-editor-split .resizable-editor-body {
  height:auto;min-height:44px;flex:1 1 auto;
  max-height:min(max(144px,calc(var(--editor-height,120px) - 76px)),max(44px,min(50dvh,calc(var(--nowi-visible-height,100dvh) / 2))));
  overflow-y:auto;overscroll-behavior-y:contain;
  font-family:inherit;font-size:14px;line-height:22px;
}
body .resizable-editor-wrapper .reply-box .resizable-editor-body p {font-size:inherit;line-height:inherit}
body .resizable-editor-wrapper .reply-box .resizable-editor-body p:last-child {margin-bottom:0!important}

/* O placeholder nativo é absoluto e não aumenta a altura do campo vazio. */
body .resizable-editor-wrapper .reply-box .resizable-editor-body p.empty-node:first-child {position:relative}
body .resizable-editor-wrapper .reply-box .resizable-editor-body p.empty-node:first-child::before {
  inset-inline:0;top:0;max-width:100%;
  font-size:13px;line-height:20px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;pointer-events:none;
}
@media(max-width:767px), (any-pointer:coarse) {
  body .resizable-editor-wrapper .reply-box .resizable-editor-split .resizable-editor-body {font-size:16px;line-height:24px}
}

body .resizable-editor-wrapper .reply-box > .h-\[3\.25rem\] {
  height:auto;min-height:36px;padding:2px 8px;gap:4px;flex-wrap:wrap;
}
body .resizable-editor-wrapper .reply-box > .h-\[3\.25rem\] > button {
  font-size:13px;line-height:20px;white-space:nowrap;flex-shrink:0;
}
body .resizable-editor-wrapper .reply-box > .h-\[3\.25rem\] > button > div:not([style]) {
  font-size:inherit;line-height:inherit;
}
body .resizable-editor-wrapper .reply-box > .h-\[3\.25rem\] > .mx-4:empty {display:none}
body .resizable-editor-wrapper .reply-box > .h-\[3\.25rem\] > div:last-child {gap:2px;margin-inline-start:auto}
body .resizable-editor-wrapper .reply-box > .h-\[3\.25rem\] > div:last-child button {min-width:32px;min-height:32px}
body .resizable-editor-wrapper .reply-box .reply-box__top {padding-inline:12px}
body .resizable-editor-wrapper .reply-box > .p-3:has(> .left-wrap) {
  padding:6px 8px;gap:6px;flex-wrap:wrap;align-items:center;
}
body .resizable-editor-wrapper .reply-box .left-wrap {gap:4px;flex-wrap:wrap;min-width:0}
body .resizable-editor-wrapper .reply-box .right-wrap {margin-inline-start:auto;flex-shrink:0}
body .resizable-editor-wrapper .reply-box button {font-family:inherit;-webkit-appearance:none;appearance:none}
body .resizable-editor-wrapper .reply-box .left-wrap button,
body .resizable-editor-wrapper .reply-box .right-wrap button {border-radius:8px}
body .resizable-editor-wrapper .reply-box:not(.is-private) .right-wrap button[type=submit] {
  background-color:#ff87ae;color:#111;
}
body .resizable-editor-wrapper .reply-box:not(.is-private):focus-within {border-color:#ff87ae}
body .resizable-editor-wrapper .reply-box button:focus-visible {outline:2px solid currentColor;outline-offset:2px}
@media(max-width:400px) {
  body .resizable-editor-wrapper .reply-box > .h-\[3\.25rem\] > button {font-size:12px}
}
@media(any-pointer:coarse) {
  body .resizable-editor-wrapper .reply-box > .h-\[3\.25rem\] {min-height:44px}
  body .resizable-editor-wrapper .reply-box > .h-\[3\.25rem\] > button {min-height:40px}
  body .resizable-editor-wrapper .reply-box > .h-\[3\.25rem\] > div:last-child button,
  body .resizable-editor-wrapper .reply-box .left-wrap button,
  body .resizable-editor-wrapper .reply-box .right-wrap button {min-width:44px;min-height:44px}
}
@media(any-pointer:coarse) and (max-width:350px) {
  body .resizable-editor-wrapper .reply-box > .h-\[3\.25rem\] {column-gap:2px}
  body .resizable-editor-wrapper .reply-box > .h-\[3\.25rem\] > div:last-child button {
    min-width:36px;width:36px;padding-inline:6px;
  }
}
@media(prefers-reduced-motion:reduce) {
  body .resizable-editor-wrapper .reply-box .resizable-editor-split {transition:none}
}