/* Production messenger-style composer shared by parent and educator chats. */
#parentChatAttach,#parentChatSend,
.educator-exact-clone #chatAttachBtn,.educator-exact-clone #chatReplySendBtn{
  box-sizing:border-box!important;width:44px!important;min-width:44px!important;max-width:44px!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important;margin:0!important;
  border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 44px!important;line-height:1!important;font-size:0!important;position:relative!important;overflow:hidden!important;
}
#parentChatAttach,.educator-exact-clone #chatAttachBtn{border:1.5px solid rgba(22,184,192,.46)!important;background:#f7fdfd!important;color:#16b8c0!important;box-shadow:0 3px 10px rgba(22,184,192,.06)!important}
#parentChatSend,.educator-exact-clone #chatReplySendBtn{border:0!important;background:#18bcc5!important;color:#fff!important;box-shadow:0 5px 14px rgba(22,184,192,.20)!important;text-shadow:none!important}
#parentChatAttach::before,#parentChatAttach::after,#parentChatSend::before,#parentChatSend::after,#parentChatBack::before,#parentChatBack::after,
.educator-exact-clone #chatAttachBtn::before,.educator-exact-clone #chatAttachBtn::after,.educator-exact-clone #chatReplySendBtn::before,.educator-exact-clone #chatReplySendBtn::after,.educator-exact-clone #btnThreadBack::before,.educator-exact-clone #btnThreadBack::after{content:none!important}
.medsi-compose-svg,.medsi-nav-svg,.medsi-phone-svg{display:block!important;width:22px!important;height:22px!important;flex:0 0 22px!important;pointer-events:none!important;transform:none!important}
#parentChatAttach:disabled,#parentChatSend:disabled,.educator-exact-clone #chatAttachBtn:disabled,.educator-exact-clone #chatReplySendBtn:disabled{opacity:.52!important}

#parentChatCompose{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-areas:'attach text send'!important;gap:8px!important;align-items:end!important}
#parentChatAttach{grid-area:attach!important;align-self:end!important}
#parentChatInput{grid-area:text!important;box-sizing:border-box!important;width:100%!important;height:48px!important;min-height:48px!important;max-height:120px!important;border-radius:24px!important;padding:12px 16px!important;border:1.5px solid rgba(15,199,206,.28)!important;background:#fff!important;line-height:1.35!important;resize:none!important;overflow-y:auto!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important}
#parentChatSend{grid-area:send!important;align-self:end!important}

#parentChatBack,.educator-exact-clone #btnThreadBack,.educator-exact-clone .medsi-tutor-call{box-sizing:border-box!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;margin:0!important;border-radius:999px!important;border:1.5px solid rgba(22,184,192,.30)!important;background:#fff!important;color:#16b8c0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 3px 10px rgba(22,184,192,.05)!important;text-decoration:none!important;font-size:0!important;line-height:1!important}
.educator-exact-clone .medsi-chat-thread-top{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;align-items:center!important;gap:9px!important;margin:0 0 10px!important;width:100%!important}
.educator-exact-clone .medsi-chat-thread-top #chatThreadHeader{min-width:0!important;width:min(100%,400px)!important;justify-self:center!important;margin:0!important;padding:10px 14px!important;border-radius:22px!important;border:1.5px solid rgba(22,184,192,.30)!important;background:#f7fdfd!important;color:#16aeb7!important;box-shadow:0 3px 10px rgba(22,184,192,.05)!important;text-shadow:none!important;font-size:.86rem!important;line-height:1.34!important}
.educator-exact-clone .medsi-tutor-call{justify-self:end!important}

.educator-exact-clone #screenChatThread .chat-compose{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;grid-template-areas:'attach editor send'!important;column-gap:8px!important;row-gap:0!important;align-items:end!important;border:0!important;border-top:0!important;box-shadow:none!important}
.educator-exact-clone #chatAttachBtn,.educator-exact-clone #chatReplySendBtn{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;flex-basis:48px!important}
.educator-exact-clone #chatAttachBtn{grid-area:attach!important;align-self:end!important}
.educator-exact-clone #chatReplyEditor{grid-area:editor!important;position:relative!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:auto!important;min-height:48px!important;max-height:136px!important;padding:0!important;border:1.5px solid rgba(15,199,206,.28)!important;border-radius:24px!important;background:#fff!important;overflow:hidden!important}
.educator-exact-clone #chatReplyInput{box-sizing:border-box!important;width:100%!important;height:46px!important;min-height:46px!important;max-height:134px!important;padding:11px 48px 10px 16px!important;margin:0!important;border:0!important;border-radius:23px!important;background:transparent!important;outline:none!important;box-shadow:none!important;line-height:1.35!important;overflow-y:auto!important}
.educator-exact-clone #chatReplyInput:empty::before{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.96rem!important}
.educator-exact-clone #chatReplySendBtn{grid-area:send!important;align-self:end!important}
.educator-exact-clone #btnQuickReplies{position:absolute!important;right:8px!important;bottom:7px!important;top:auto!important;transform:none!important;z-index:3!important;box-sizing:border-box!important;width:31px!important;min-width:31px!important;max-width:31px!important;height:31px!important;min-height:31px!important;max-height:31px!important;padding:0!important;margin:0!important;border-radius:9px!important;border:1px solid rgba(95,127,134,.18)!important;background:rgba(247,252,252,.94)!important;color:#789aa0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;box-shadow:none!important;text-shadow:none!important}
.educator-exact-clone #btnQuickReplies::before{content:'☰'!important;font-size:16px!important;font-weight:600!important;line-height:1!important;color:#789aa0!important}
.educator-exact-clone #btnQuickReplies:active{transform:scale(.94)!important}
.educator-exact-clone #screenChatThread.medsi-composer-ready > .row{display:none!important}
.educator-exact-clone #btnVideo.medsi-composer-redundant{display:none!important}
.educator-exact-clone #quickRepliesPanel{margin-top:8px!important}
.educator-exact-clone #chatThreadBox{border-bottom-color:transparent!important}

/* Reply previews are independent full-width rows above the composer. They must never widen or offset the composer columns. */
.medsi-parent-reply-preview{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;align-self:stretch!important}
.medsi-parent-reply-preview>div{min-width:0!important;flex:1 1 auto!important}
.medsi-parent-reply-text{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important}
.educator-exact-clone #screenChatThread #chatReplyPreview{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 8px!important;justify-self:stretch!important}
.educator-exact-clone #screenChatThread #chatReplyPreview .chat-reply-preview-text{min-width:0!important;max-width:100%!important}
.educator-exact-clone #screenChatThread,.educator-exact-clone #screenChatThread .chat-compose,#screenChat,.parent-chat-screen,#parentChatCompose{min-width:0!important;max-width:100%!important}

@media(max-width:560px){
  #parentChatCompose{grid-template-columns:42px minmax(0,1fr) 42px!important;gap:7px!important}
  #parentChatAttach,#parentChatSend{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;flex-basis:42px!important}
  #parentChatInput{height:48px!important;min-height:48px!important;border-radius:24px!important}
  .educator-exact-clone #screenChatThread .chat-compose{grid-template-columns:48px minmax(0,1fr) 48px!important;gap:7px!important}
  .educator-exact-clone #chatAttachBtn,.educator-exact-clone #chatReplySendBtn{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;flex-basis:48px!important}
  .educator-exact-clone #chatReplyEditor{min-height:48px!important;border-radius:24px!important}
  .educator-exact-clone #chatReplyInput{height:46px!important;min-height:46px!important}
  .educator-exact-clone .medsi-chat-thread-top{grid-template-columns:48px minmax(0,1fr) 48px!important;gap:7px!important}
  .educator-exact-clone .medsi-chat-thread-top #chatThreadHeader{width:min(100%,350px)!important;padding:9px 11px!important;border-radius:20px!important;font-size:.80rem!important;line-height:1.31!important}
}