/* A small BTB Social Messenger touch-up, layered after existing chat CSS. */
#view-inbox .creator-new-chat-head{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 margin:0 0 12px;min-height:42px;
}
#view-inbox .creator-new-chat-head h3{
 margin:0!important;font-size:19px!important;line-height:1.2;color:#eef5ff;
}
#view-inbox #creator-new-chat-close{
 flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;
 border:1px solid #465e80;border-radius:50%;background:#21344c;
 color:#fff;font-size:28px;line-height:1;cursor:pointer;
}
#view-inbox #creator-new-chat-close:focus-visible{
 outline:2px solid #b5d8ff;outline-offset:3px;
}
#view-inbox #inbox-thread-panel .creator-chat-quick-reaction{
 flex:0 0 auto;display:grid;place-items:center;
 box-sizing:border-box;min-width:42px;width:42px;height:44px;
 border:0;border-radius:50%;padding:0;background:transparent;
 color:#6ba9ff;font-size:27px;line-height:1;
 cursor:pointer;touch-action:manipulation;
 -webkit-user-select:none;user-select:none;
 -webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;
}
#view-inbox #creator-chat-quick-reaction[hidden],
#view-inbox #creator-chat-send[hidden]{display:none!important}
#view-inbox .creator-chat-quick-reaction:disabled{opacity:.4;cursor:not-allowed}
#view-inbox .creator-chat-quick-reaction:active,
#view-inbox .creator-chat-quick-reaction[aria-expanded="true"]{background:#203d65}
#view-inbox #creator-chat-quick-reaction:focus-visible{
 outline:2px solid #b5d8ff;outline-offset:2px;
}
#view-inbox #inbox-thread-panel .creator-chat-reaction-panel{
 position:absolute;z-index:62;right:2px;bottom:calc(100% + 8px);
 display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;
 gap:2px;padding:8px;border:1px solid #456489;border-radius:24px;
 width:min(345px,calc(100vw - 23px));box-sizing:border-box;
 background:#1b2a41;box-shadow:0 12px 30px #000b;
 touch-action:pan-x;
}
#view-inbox #creator-chat-reaction-panel[hidden]{display:none!important}
#view-inbox .creator-chat-reaction-option{
 display:grid;place-items:center;flex:1 1 0;min-width:0;
 height:40px;padding:0;border:0;border-radius:50%;
 background:transparent;font-size:24px;line-height:1;
 cursor:pointer;touch-action:manipulation;
 -webkit-touch-callout:none;-webkit-user-select:none;user-select:none;
}
#view-inbox .creator-chat-reaction-option:focus-visible{
 outline:2px solid #b8d6ff;outline-offset:1px;
}
#view-inbox .creator-chat-reaction-option:active{background:#35547a}
#view-inbox #creator-chat-emoji-toggle,
#view-inbox #creator-chat-emoji-panel button,
#view-inbox #inbox-thread-panel .creator-chat-quick-reaction,
#view-inbox #inbox-thread-panel .creator-chat-reaction-panel,
#view-inbox #creator-chat-emoji-panel{
 -webkit-touch-callout:none!important;
 -webkit-user-select:none!important;
 user-select:none!important;
 -webkit-tap-highlight-color:transparent;
}
#view-inbox #inbox-thread-panel .creator-chat-call-btn:not(:disabled){
 background:#164582;border-color:#3b7dd5;color:#a5d0ff;
}
@media(max-width:780px){
 /* New message is a stable sheet, with an X and independently scrolling results. */
 body.creator-inbox-screen #view-inbox>.creator-message-compose-start:not([hidden]){
  position:absolute!important;inset:0!important;z-index:23;
  width:100%!important;height:min(100%,calc(var(--creator-visible-height,100dvh) - 70px))!important;
  max-height:none!important;min-height:0!important;
  display:flex!important;flex-direction:column;overflow:hidden!important;
  box-sizing:border-box;margin:0!important;padding:14px 12px 12px!important;
  border:0!important;border-radius:0!important;background:#0c1627!important;
 }
 body.creator-inbox-screen #creator-message-compose-start .creator-new-chat-head,
 body.creator-inbox-screen #creator-message-compose-start>.search-row,
 body.creator-inbox-screen #creator-message-compose-start>.muted{
  flex:0 0 auto;
 }
 body.creator-inbox-screen #creator-message-compose-start>.search-row{
  min-width:0;display:flex!important;gap:8px;flex-wrap:nowrap!important;
 }
 body.creator-inbox-screen #creator-message-compose-start #inbox-recipient{
  min-width:0!important;width:100%;font-size:16px!important;
 }
 body.creator-inbox-screen #creator-inbox-new-results:not([hidden]){
  display:flex;flex-direction:column;min-height:0;flex:1 1 auto;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
 }
 /* Empty draft = media icons + message, emoji and quick-thumb on one row.
    Typed text / media draft = expand the textarea and show Send. */
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-chat-compose-dock{
  display:grid!important;grid-template-columns:116px minmax(0,1fr);gap:5px;
  align-items:end;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-dm-media-tools{
  grid-column:1;grid-row:1;display:flex!important;align-items:center;
  justify-content:space-between;gap:1px!important;
  min-width:0;min-height:44px!important;max-height:44px!important;
  height:44px!important;padding:0!important;margin:0!important;
  overflow-x:hidden!important;overflow-y:hidden!important;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-dm-media-tools>:is(label,button):not([hidden]){
  flex:0 0 35px!important;box-sizing:border-box;display:grid!important;
  place-items:center;min-width:35px!important;width:35px!important;
  min-height:40px!important;height:40px!important;
  margin:0!important;padding:0!important;border:0!important;
  border-radius:50%!important;background:transparent!important;
  color:#74aeff;font-size:23px!important;line-height:1!important;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-dm-media-tools>:is(label,button) span{
  display:block;font-size:22px;line-height:1;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel #inbox-send-form{
  grid-column:2;grid-row:1;display:grid!important;
  grid-template-columns:minmax(0,1fr) 35px auto!important;
  min-width:0;gap:3px!important;align-items:center;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel #inbox-send-form #inbox-message-text{
  min-width:0!important;height:var(--creator-chat-message-height,44px)!important;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel #inbox-send-form #creator-chat-emoji-toggle{
  min-width:34px!important;width:34px!important;font-size:22px;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel #inbox-send-form #creator-chat-quick-reaction{
  min-width:37px!important;width:37px!important;font-size:25px;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-chat-compose-dock:has(#creator-chat-send:not([hidden])) .creator-dm-media-tools{
  display:none!important;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-chat-compose-dock:has(#creator-chat-send:not([hidden])) #inbox-send-form{
  grid-column:1/-1;
 }
 /* Selected files and voice recording keep Remove / Stop within reach. */
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-chat-compose-dock:has(#inbox-remove-media:not([hidden])) .creator-dm-media-tools,
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-chat-compose-dock:has(#inbox-stop-voice:not([hidden])) .creator-dm-media-tools{
  grid-column:1/-1;grid-row:1;display:flex!important;flex-wrap:wrap!important;
  min-height:42px!important;max-height:96px!important;height:auto!important;
  overflow-y:auto!important;overflow-x:hidden!important;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-chat-compose-dock:has(#inbox-remove-media:not([hidden])) #inbox-send-form,
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-chat-compose-dock:has(#inbox-stop-voice:not([hidden])) #inbox-send-form{
  grid-column:1/-1;grid-row:2;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-chat-compose-dock .creator-dm-media-tools:has(#inbox-remove-media:not([hidden])) #inbox-media-info,
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-chat-compose-dock .creator-dm-media-tools:has(#inbox-stop-voice:not([hidden])) #inbox-media-info{
  display:block!important;flex:1 1 100%;font-size:10px;line-height:1.15;
 }
}