/* PenDev conversation: reading gutter, quiet save state and compact input tools. */
.navigation-root[data-conversation="true"] .fam-shell__main { width:100%; max-width:434px; margin-inline:auto; padding-inline:22px; box-sizing:border-box; }
.navigation-root[data-conversation="true"] .zone-b-answer { width:100%; max-width:100%; }
.navigation-root[data-conversation="true"] .zone-b-answer:has([data-text-mode="true"]) .zone-b-answer__question { flex:1 0 auto; min-height:220px; padding-block:32px; box-sizing:border-box; }
.navigation-root[data-conversation="true"] .zone-b-answer__topic > span { font-size:.75rem!important; letter-spacing:.1em!important; }
.navigation-root[data-conversation="true"] .zone-b-recovery-note[data-state="saved"] { padding:0; margin:8px 0; border:0; border-radius:0; background:transparent; color:var(--itog-muted); font:400 .8125rem/1.5 var(--font-sans); }
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] { position:relative; padding-top:12px; gap:12px!important; }
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-answer__mode { position:absolute; top:0; right:0; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; background:transparent!important; display:flex; align-items:center; justify-content:center; }
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-answer__mode svg { display:none; }
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-answer__mode::after { position:static; display:block; flex:none; width:21px; height:21px; }
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] label { padding-right:48px; min-height:28px; }
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] textarea { box-sizing:border-box; width:100%; min-height:112px!important; max-height:36dvh; padding:16px!important; }
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-photos__add { font:500 .9375rem/1.4 var(--font-sans)!important; min-height:48px; }
@media (min-width:600px) { .navigation-root[data-conversation="true"] .navigation-back { left:calc(50% - 195px); } }

/* Expanded text mode follows the RZThw/bRxji three-control composition. */
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] {
  padding:12px 0 112px; min-height:0; gap:12px!important;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] form > div { gap:0!important; }
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] label {
  position:absolute; width:1px; height:1px; min-height:0; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] textarea {
  min-height:112px!important; border:1px solid #eae8e3!important; border-radius:20px!important;
  background:var(--itog-quiet-surface)!important; font:400 1.0625rem/1.5 var(--font-sans)!important;
  padding:18px 20px!important; resize:none!important;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] form button[type="submit"] {
  position:absolute; bottom:8px; left:calc(50% - 44px); width:88px; height:88px; min-width:88px; min-height:88px;
  padding:0!important; border:0!important; border-radius:50%!important; font-size:0!important; line-height:0!important;
  color:white!important; background:var(--itog-orange)!important;
  box-shadow:0 8px 22px #f58b4b29!important;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] form button[type="submit"]::after {
  content:""; display:block; width:28px; height:28px; background:currentColor;
  mask:url('/design/itog/arrow-up.svg') center/contain no-repeat;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-answer__mode,
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-photos__add {
  position:absolute; top:auto; bottom:28px; width:48px!important; height:48px!important; min-width:48px!important; min-height:48px!important;
  margin:0!important; padding:0!important; border:0!important; border-radius:50%!important;
  background:var(--itog-quiet-surface)!important; color:var(--itog-secondary)!important; font-size:0!important; line-height:0!important;
  display:flex; align-items:center; justify-content:center;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-answer__mode { right:calc(50% - 120px); left:auto; }
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-photos__add { left:calc(50% - 120px); right:auto; }
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-photos__add svg { display:none; }
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-photos__add::after {
  content:""; display:block; width:21px; height:21px; background:currentColor;
  mask:url('/design/itog/image.svg') center/contain no-repeat;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-photos:not(:has(.zone-b-photo)):not(:has([role="alert"])) { height:0; gap:0; }

/* Text mode: familiar messenger composer, separate from the voice recording dock. */
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] {
  display:flex; flex-direction:column; padding:8px 0 12px; gap:8px!important;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] > div:not([hidden]) {
  width:100%;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] form {
  position:relative; display:block; padding:0 44px; margin:0;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] textarea {
  display:block; min-height:54px!important; height:auto; field-sizing:content; max-height:28dvh;
  padding:14px 48px 14px 16px!important; border-radius:24px!important;
  font:400 1rem/1.45 var(--font-sans)!important; background:#f5f4f1!important;
  resize:none!important; scrollbar-width:thin;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] form button[type="submit"] {
  width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important;
  left:auto; right:52px; bottom:9px; box-shadow:none!important;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] form button[type="submit"]::after { width:19px; height:19px; }
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-photos__add {
  left:0; right:auto; top:17px; bottom:auto;
  width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important;
  background:transparent!important;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-answer__mode {
  position:absolute; top:13px; left:auto; right:0; bottom:auto;
  width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important;
  padding:0!important; gap:0!important; border-radius:50%!important;
  font-size:0!important; line-height:0!important; background:transparent!important;
}
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-answer__mode::after { width:22px; height:22px; order:-1; }
.navigation-root[data-conversation="true"] .zone-b-dialog__composer[data-text-mode="true"] .zone-b-photos { order:2; }
.navigation-root[data-conversation="true"] .zone-b-recovery-note[data-state="saved"] { font-size:.75rem; margin-block:4px; }