/* BTB Social Messenger polish. This stylesheet is intentionally scoped to
   direct-message UI and loaded AFTER the legacy app/Notes CSS layers. */
#view-inbox #inbox-thread-panel .creator-chat-head{
 display:flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:space-between!important;flex-wrap:nowrap!important;
 flex:0 0 auto!important;gap:10px!important;min-width:0;margin:0 0 7px;
 padding:7px 1px 11px;border-bottom:1px solid rgba(137,170,215,.15);
}
#view-inbox #inbox-thread-panel .creator-chat-heading{
 display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:3px;
}
#view-inbox #inbox-thread-panel .creator-chat-heading h3{
 display:block!important;min-width:0!important;max-width:100%!important;
 overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
 font-size:16px!important;line-height:1.25!important;font-weight:750!important;
 margin:0!important;letter-spacing:-.015em;
}
#view-inbox #inbox-thread-panel .creator-chat-heading small{
 display:block;font-size:10px;color:#a6b9d3;line-height:1.2;white-space:nowrap;
}
#view-inbox #inbox-thread-panel #inbox-close-thread{
 flex:0 0 40px!important;display:grid!important;place-items:center!important;
 width:40px!important;height:40px!important;min-width:40px!important;
 min-height:40px!important;padding:0!important;line-height:1!important;
 font-size:33px!important;font-weight:500;color:#f0f7ff;border:1px solid #39516f;
 border-radius:50%;background:#1d314a;
}
#view-inbox #inbox-thread-panel #inbox-close-thread::before{content:none!important}
#view-inbox #inbox-thread-panel #creator-call-actions{
 flex:0 0 auto!important;display:flex!important;align-items:center;
 flex-wrap:nowrap!important;gap:6px!important;margin:0!important;padding:0!important;
}
#view-inbox #inbox-thread-panel #creator-call-actions[hidden]{display:none!important}
#view-inbox #inbox-thread-panel .creator-chat-call-btn{
 box-sizing:border-box;display:grid;place-items:center;
 width:42px;height:42px;min-width:42px;min-height:42px;padding:0;
 border-radius:50%;border:1px solid #375c8e;background:#163257;
 color:#79b4ff;touch-action:manipulation;cursor:pointer;
}
#view-inbox #inbox-thread-panel .creator-chat-call-btn svg{display:block;max-width:23px;max-height:23px}
#view-inbox #inbox-thread-panel .creator-chat-call-btn:not(:disabled):active{background:#24528d;transform:scale(.97)}
#view-inbox #inbox-thread-panel .creator-chat-call-btn:disabled{opacity:.45;cursor:not-allowed}
#view-inbox #inbox-thread-panel .creator-chat-call-btn:focus-visible,
#view-inbox #inbox-thread-panel #inbox-close-thread:focus-visible,
#view-inbox #creator-chat-emoji-toggle:focus-visible,
#view-inbox .creator-chat-emoji-option:focus-visible{
 outline:2px solid #b8d6ff!important;outline-offset:2px!important;
}
#view-inbox .creator-chat-compose-dock{
 box-sizing:border-box;position:relative;flex:0 0 auto;min-width:0;width:100%;
 display:flex;flex-direction:column;gap:7px;margin:0;padding:8px 1px 2px;
 border-top:1px solid rgba(119,149,187,.18);background:#0c1627;
}
#view-inbox #inbox-thread-panel .creator-chat-compose-dock .creator-dm-media-tools{
 box-sizing:border-box;display:flex!important;flex:0 0 auto;
 flex-wrap:nowrap!important;align-items:center;gap:7px!important;
 min-height:39px!important;max-height:44px!important;height:auto;
 overflow-x:auto!important;overflow-y:hidden!important;
 padding:1px 0!important;margin:0!important;scrollbar-width:none;
 overscroll-behavior-x:contain;touch-action:pan-x;
}
#view-inbox #inbox-thread-panel .creator-chat-compose-dock .creator-dm-media-tools::-webkit-scrollbar{display:none}
#view-inbox .creator-chat-compose-dock .creator-dm-media-tools .btn,
#view-inbox .creator-chat-compose-dock .creator-dm-media-tools label{
 display:inline-flex;flex:0 0 auto;white-space:nowrap;font-size:12px;
 min-height:38px!important;padding:7px 11px!important;
 border-radius:999px!important;gap:5px;background:#202f43;
}
#view-inbox .creator-chat-compose-dock .creator-dm-media-tools #inbox-media-info{display:none}
#view-inbox .creator-chat-compose-dock .creator-dm-media-tools:has(#inbox-remove-media:not([hidden])),
#view-inbox .creator-chat-compose-dock .creator-dm-media-tools:has(#inbox-stop-voice:not([hidden])){
 flex-wrap:wrap!important;max-height:85px!important;overflow-y:auto!important;
}
#view-inbox .creator-chat-compose-dock .creator-dm-media-tools:has(#inbox-remove-media:not([hidden])) #inbox-media-info,
#view-inbox .creator-chat-compose-dock .creator-dm-media-tools:has(#inbox-stop-voice:not([hidden])) #inbox-media-info{
 display:block;flex:1 1 100%;font-size:10px;line-height:1.2;overflow-wrap:anywhere;
}
#view-inbox #inbox-thread-panel .creator-chat-compose-dock #inbox-send-form{
 box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr) 40px auto!important;
 align-items:end!important;gap:6px!important;min-width:0;
 margin:0!important;padding:0!important;flex:0 0 auto;
}
#view-inbox #inbox-thread-panel .creator-chat-compose-dock #inbox-message-text{
 box-sizing:border-box;display:block;width:100%!important;min-width:0!important;
 min-height:44px!important;height:var(--creator-chat-message-height,44px)!important;
 max-height:112px!important;margin:0!important;padding:10px 11px!important;
 resize:none!important;overflow-y:auto!important;line-height:1.35!important;
 font-size:16px!important;border-radius:22px!important;
 background:#182337;color:#f3f6ff;border:1px solid #3d5679;
}
#view-inbox #inbox-thread-panel .creator-chat-compose-dock #inbox-message-text::placeholder{color:#9faec7}
#view-inbox #inbox-thread-panel .creator-chat-emoji-toggle{
 display:grid;place-items:center;align-self:end;
 box-sizing:border-box;width:40px;height:44px;min-width:40px;min-height:44px;
 border:0;border-radius:50%;padding:0;background:transparent;color:#dfedff;
 font-size:24px;line-height:1;cursor:pointer;touch-action:manipulation;
}
#view-inbox #inbox-thread-panel .creator-chat-emoji-toggle[aria-expanded="true"]{background:#274466}
#view-inbox #inbox-thread-panel #inbox-send-form>.btn[type="submit"]{
 align-self:end;box-sizing:border-box;min-width:61px!important;min-height:44px!important;
 height:44px;padding:8px 12px!important;border-radius:22px!important;
 font-size:13px!important;white-space:nowrap;
}
#view-inbox #inbox-thread-panel .creator-chat-emoji-panel{
 position:absolute;z-index:60;right:1px;bottom:calc(100% + 6px);
 display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;
 box-sizing:border-box;width:min(318px,calc(100vw - 26px));
 max-height:min(204px,36dvh);padding:8px;border:1px solid #49668a;
 border-radius:17px;background:#1b2b42;box-shadow:0 9px 26px #020715b8;
 overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
 -webkit-overflow-scrolling:touch;
}
#view-inbox #creator-chat-emoji-panel[hidden]{display:none!important}
#view-inbox #inbox-thread-panel .creator-chat-emoji-option{
 display:grid;place-items:center;width:100%;height:36px;min-height:36px;
 padding:0;border:0;border-radius:9px;background:transparent;
 font-size:23px;line-height:1;cursor:pointer;touch-action:manipulation;
}
#view-inbox .creator-chat-emoji-option:active{background:#304e72}
@media(max-width:780px){
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel{
  box-sizing:border-box;display:flex!important;flex-direction:column!important;
  min-height:0!important;overflow:hidden!important;gap:0!important;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-messages{
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch;
  touch-action:pan-y;scrollbar-width:thin;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel>.creator-chat-compose-dock{
  flex:0 0 auto!important;
 }
 body.creator-inbox-screen #view-inbox .creator-notes-list{
  overflow-x:auto!important;overflow-y:hidden!important;
  overscroll-behavior-x:contain;touch-action:pan-x;
 }
}
@media(max-width:360px){
 #view-inbox #inbox-thread-panel .creator-chat-heading h3{font-size:14px!important}
 #view-inbox #inbox-thread-panel .creator-chat-head{gap:6px!important}
 #view-inbox #inbox-thread-panel .creator-chat-call-btn{width:38px;height:38px;min-width:38px;min-height:38px}
 #view-inbox #inbox-thread-panel #creator-call-actions{gap:3px!important}
 #view-inbox #inbox-thread-panel #inbox-close-thread{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
 #view-inbox #inbox-thread-panel .creator-chat-compose-dock #inbox-send-form{grid-template-columns:minmax(0,1fr) 36px auto!important;gap:4px!important}
 #view-inbox #inbox-thread-panel .creator-chat-emoji-toggle{width:36px;min-width:36px}
}