/* BTB Social: compact, accessible 24-hour notes and independent iPhone chat scrolling. */
#view-inbox .creator-notes-rail{margin:5px 0 10px;padding:0 0 6px;min-width:0}
#view-inbox .creator-notes-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 3px 5px}
#view-inbox .creator-notes-heading strong{font-size:14px;color:#eaf1ff}
#view-inbox .creator-notes-heading small{font-size:11px;color:#9daec9}
#view-inbox .creator-notes-list{display:flex;align-items:flex-start;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:3px 4px 6px;scrollbar-width:thin}
#view-inbox .creator-note-item{box-sizing:border-box;border:0;background:transparent;color:#ecf3ff;display:flex;flex:0 0 110px;width:110px;min-width:0;align-items:center;flex-direction:column;gap:0;cursor:pointer;text-align:center;scroll-snap-align:start;padding:2px;border-radius:14px;-webkit-tap-highlight-color:transparent}
#view-inbox .creator-note-item:focus-visible{outline:2px solid #8bc5ff;outline-offset:2px}
#view-inbox .creator-note-bubble{position:relative;z-index:2;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:39px;max-height:68px;width:106px;margin:0 0 -1px;padding:9px 9px;border-radius:18px;background:#354050;border:1px solid #58667a;color:#fff;line-height:1.24}
#view-inbox .creator-note-bubble::after{content:"";position:absolute;z-index:-1;bottom:-5px;left:calc(50% - 5px);width:10px;height:10px;transform:rotate(45deg);background:#354050;border-right:1px solid #58667a;border-bottom:1px solid #58667a;border-radius:1px}
#view-inbox .creator-note-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:48px;overflow-wrap:anywhere;white-space:normal;font-size:12px;line-height:1.25}
#view-inbox .creator-note-photo{position:relative;box-sizing:border-box;display:block;flex:0 0 76px;width:76px;height:76px;min-width:76px;min-height:76px;aspect-ratio:1/1;margin:3px auto 0;overflow:hidden;border:2px solid #5a6b85;border-radius:50%;background:#273d5d}
#view-inbox .creator-note-photo>img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;aspect-ratio:1/1!important;border-radius:50%!important;transform:none!important;margin:0!important;padding:0!important}
#view-inbox .creator-note-photo-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;color:#fff;font-weight:700}
#view-inbox .creator-note-name{display:block;max-width:108px;margin-top:5px;font-size:12px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#d7e4f9}
#view-inbox .creator-note-own .creator-note-bubble{border-color:#729cff;background:#34445f}
#view-inbox .creator-note-own .creator-note-bubble::after{border-color:#729cff;background:#34445f}
#view-inbox .creator-notes-empty{color:#aec2dc;font-size:12px;margin:6px}
#view-inbox .creator-note-dialog{position:fixed;border:1px solid #415b7d;border-radius:21px;background:#101b30;color:#f1f6ff;padding:19px;max-width:min(92vw,400px);width:100%;box-shadow:0 22px 60px #000a}
#view-inbox .creator-note-dialog::backdrop{background:#000a}
#view-inbox .creator-note-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
#view-inbox .creator-note-dialog-heading h3{margin:0;font-size:20px}
#view-inbox #creator-note-close{border:0;background:#213451;color:#fff;border-radius:50%;font-size:25px;width:39px;height:39px}
#view-inbox .creator-note-dialog label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}
#view-inbox #creator-note-text{display:block;box-sizing:border-box;width:100%;border-radius:13px;border:1px solid #537093;background:#0b1423;color:#fff;padding:13px;resize:none;line-height:1.5;font-size:16px}
#view-inbox #creator-note-details{color:#a8bedb;font-size:12px;line-height:1.5}
#view-inbox .creator-note-dialog-actions{display:flex;justify-content:flex-end;gap:10px}
#view-inbox .creator-note-dialog-actions #creator-note-delete{margin-right:auto}
@media(max-width:780px){
 body.creator-chat-open{overflow:hidden!important;overscroll-behavior:none}
 body.creator-chat-open #view-inbox #inbox-thread-panel{
  overflow:hidden!important;overscroll-behavior:contain;min-height:0!important;
  top:calc(62px + var(--creator-visible-top,0px))!important;
  bottom:auto!important;
  height:max(185px,calc(var(--creator-visible-height,100dvh) - 136px))!important;
  max-height:none!important
 }
 body.creator-chat-open.creator-editing-focus #view-inbox #inbox-thread-panel{
  height:max(185px,calc(var(--creator-visible-height,100dvh) - 68px))!important
 }
 body.creator-chat-open #view-inbox #inbox-thread-messages{
  overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;
  flex:1 1 auto;min-height:0!important;max-height:none!important;touch-action:pan-y
 }
 body.creator-chat-open #view-inbox #inbox-send-form{flex:0 0 auto;min-height:44px!important}
 body.creator-chat-open #view-inbox #inbox-message-text{
  height:var(--creator-chat-message-height,44px)!important;min-height:44px!important;
  max-height:112px!important;resize:none!important;overflow-y:auto!important;
  overflow-x:hidden;overscroll-behavior:contain;line-height:1.4!important;box-sizing:border-box
 }
 body.creator-chat-open #view-inbox #inbox-message-text:focus{scroll-margin:0}
}
@media(max-width:350px){
 #view-inbox .creator-note-item{flex-basis:106px;width:106px}
 #view-inbox .creator-note-bubble{width:102px}
 #view-inbox .creator-note-name{max-width:102px}
}