/* BTB Social V2 — small authentic chat/story layer, no homepage redesign. */
#view-inbox .creator-inbox-stories{flex:0 0 auto;min-width:0;margin:0 0 9px}
#view-inbox .creator-inbox-story-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 4px 5px}
#view-inbox .creator-inbox-story-heading strong{font-size:13px;color:#edf4ff}
#view-inbox .creator-inbox-story-heading small{font-size:10px;color:#a7bdd7}
#view-inbox .creator-inbox-story-list{display:flex;gap:11px;align-items:flex-start;min-height:84px;max-width:100%;padding:2px 5px 5px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;touch-action:pan-x}
#view-inbox .creator-inbox-story-list::-webkit-scrollbar{display:none}
#view-inbox .creator-inbox-story-item{display:flex;align-items:center;flex-direction:column;flex:0 0 65px;width:65px;min-width:65px;gap:5px;box-sizing:border-box;padding:0;border:0;background:none;color:#dce8fb;text-align:center;scroll-snap-align:start}
#view-inbox .creator-inbox-story-item>span:last-child{font-size:11px;line-height:1.2;max-width:65px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#view-inbox .creator-inbox-story-avatar{display:grid;place-items:center;overflow:hidden;flex:0 0 56px;box-sizing:border-box;width:56px;height:56px;min-width:56px;min-height:56px;border-radius:50%;border:2px solid #4888e6;background:#203451;color:#fff;font-size:20px}
#view-inbox .creator-inbox-story-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;min-width:100%;max-width:100%;max-height:100%}
#view-inbox .creator-inbox-story-add{font-size:26px;border-color:#58789f}
#view-inbox .creator-inbox-story-item:focus-visible{outline:2px solid #b2d6ff;outline-offset:3px;border-radius:10px}
#view-inbox .creator-note-reply-preview{display:flex;flex-direction:column;gap:5px;margin:8px 0 13px;padding:12px;border:1px solid #405d81;border-radius:14px;background:#21324d;overflow-wrap:anywhere}
#view-inbox .creator-note-reply-preview strong{font-size:13px}
#view-inbox .creator-note-reply-preview p{margin:0;line-height:1.45;font-size:14px}
#view-inbox #creator-note-reply-text{display:block;box-sizing:border-box;width:100%;min-height:66px;padding:11px;border-radius:13px;border:1px solid #526f97;background:#0a1426;color:#fff;font-size:16px;resize:vertical}
#view-inbox #creator-note-reply-help{font-size:11px;margin:7px 0 12px;color:#a9bfd9}
#view-inbox .creator-note-dialog:focus{outline:none}
#view-inbox .creator-chat-peer-avatar{flex:0 0 37px;display:grid;place-items:center;width:37px;height:37px;min-width:37px;min-height:37px;overflow:hidden;border-radius:50%;background:#243958;color:#f3f8ff;font-size:17px;font-weight:700}
#view-inbox .creator-chat-peer-avatar img{width:100%;height:100%;max-height:100%;object-fit:cover;display:block;border-radius:50%}
#view-inbox .creator-dm-row{display:flex;align-items:flex-end;gap:6px;min-width:0;width:100%;margin:0}
#view-inbox .creator-dm-row.is-mine{justify-content:flex-end}
#view-inbox .creator-dm-peer-avatar{display:block;flex:0 0 27px;width:27px;height:27px;border-radius:50%;object-fit:cover}
#view-inbox .creator-dm-row .direct-message{box-sizing:border-box;max-width:min(80%,470px)!important;min-width:0;padding:9px 12px;border-radius:18px;box-shadow:none;overflow:hidden;overflow-wrap:anywhere}
#view-inbox .creator-dm-row .direct-message.from-me{border-bottom-right-radius:5px;background:#2555a0;border-color:#3473c3;color:#fff}
#view-inbox .creator-dm-row .direct-message.from-other{border-bottom-left-radius:5px;background:#252c3b;border-color:#39475e;color:#f2f6ff}
#view-inbox .creator-dm-row .direct-message.has-media{padding:6px;max-width:min(76%,420px)!important}
#view-inbox .creator-dm-row .direct-message>small{display:block;font-size:10px;color:#afc6e6;margin:2px 5px 5px}
#view-inbox .creator-dm-row .creator-dm-body{font-size:14px;line-height:1.4;margin:4px 5px;white-space:pre-wrap;overflow-wrap:anywhere}
#view-inbox .creator-dm-note-quote{border-left:3px solid #6ea9ff;background:#1b3659;padding:7px 10px;margin:3px 2px 8px;color:#deeafe;font-size:12px;line-height:1.35;border-radius:4px}
#view-inbox .creator-dm-media-card{box-sizing:border-box;max-width:100%;margin:4px 0 0;border-radius:12px;overflow:hidden;background:#080c13}
#view-inbox .creator-dm-media-card img,.creator-dm-media-card video{display:block;max-width:100%!important;max-height:min(48dvh,420px)!important;width:auto;height:auto;object-fit:contain;border-radius:12px;margin:0 auto}
#view-inbox .creator-dm-voice-card{display:flex;align-items:center;gap:9px;min-width:175px;max-width:100%;padding:6px 5px}
#view-inbox .creator-dm-voice-card audio{width:100%;max-width:270px;height:42px;min-width:0}
#view-inbox .creator-dm-moderation-status{font-size:12px!important;color:#c9d7ed}
#view-inbox .creator-dm-report{display:block;margin:5px 3px 1px auto;border:0;background:transparent;color:#a2b7d6;font-size:10px;min-height:26px;padding:2px 7px;cursor:pointer}
#view-inbox .creator-dm-call-event{display:flex;align-self:center;align-items:center;gap:10px;max-width:min(88%,370px);width:auto;margin:6px auto;border:1px solid #41516b;background:#1a273a;color:#e5efff;border-radius:15px;padding:10px 14px}
#view-inbox .creator-dm-call-event.is-missed{border-color:#7c4d58}
#view-inbox .creator-dm-call-symbol{font-size:21px}
#view-inbox .creator-dm-call-event div{display:flex;flex-direction:column;gap:3px}
#view-inbox .creator-dm-call-event strong{font-size:12px}
#view-inbox .creator-dm-call-event small{font-size:10px;color:#a9bbd3}
#view-inbox .creator-dm-shared-post{display:block;max-width:100%;overflow:hidden;border:1px solid #4a6b91;border-radius:13px;background:#101d30;margin:6px 0}
#view-inbox .creator-dm-post-loading{display:block;padding:10px;font-size:11px;color:#abc2df}
#view-inbox .creator-dm-post-link{display:flex;flex-direction:column;gap:8px;max-width:270px;color:#ecf5ff;text-decoration:none;overflow:hidden}
#view-inbox .creator-dm-post-link img{display:block;width:100%;max-height:235px;object-fit:cover}
#view-inbox .creator-dm-post-link span{padding:8px 10px;display:flex;flex-direction:column;gap:3px}
#view-inbox .creator-dm-post-link strong{font-size:12px}
#view-inbox .creator-dm-post-link small{font-size:11px;line-height:1.35;color:#c1cee2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#view-inbox #inbox-thread-panel #inbox-thread-messages{gap:9px!important}
#view-inbox .creator-note-bubble .creator-note-text{word-break:normal;overflow-wrap:break-word;hyphens:auto}
@media(max-width:780px){
 body.creator-inbox-screen.creator-chat-open .bottom-dock{display:none!important}
 body.creator-inbox-screen.creator-chat-open #view-inbox{bottom:0!important}
 body.creator-inbox-screen #view-inbox .creator-inbox-stories{margin-bottom:5px}
 body.creator-inbox-screen #view-inbox .creator-note-item{flex-basis:97px;width:97px}
 body.creator-inbox-screen #view-inbox .creator-note-bubble{width:96px}
 body.creator-inbox-screen #view-inbox .creator-note-photo{width:59px;height:59px;min-width:59px;min-height:59px;flex-basis:59px}
 body.creator-inbox-screen #view-inbox .creator-notes-list{padding-bottom:4px}
 body.creator-inbox-screen #view-inbox>.creator-inbox-view-switch{margin-top:4px}
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel{
  top:calc(62px + var(--creator-visible-top,0px))!important;
  height:max(172px,calc(var(--creator-visible-height,100dvh) - 74px))!important;
  bottom:auto!important;min-height:0!important;
 }
 body.creator-inbox-screen.creator-chat-open.creator-editing-focus #view-inbox #inbox-thread-panel{
  height:max(160px,calc(var(--creator-visible-height,100dvh) - 69px))!important;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox .creator-chat-compose-dock{
  padding:5px 2px 4px!important;gap:3px!important;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox .creator-chat-head{
  padding:3px 2px 9px!important;margin:0 0 5px!important;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-messages{
  flex:1 1 auto;min-height:0;overflow-y:auto!important;overscroll-behavior-y:contain;
  touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:10px 4px;
 }
}