/* BTB Social — mobile inbox and immersive story shell.
   Only alters presentation; DM/group/request authorization stays on the server. */
#view-explore #highlights-all-stories{display:none!important}
#view-inbox{position:relative}
#view-inbox .creator-inbox-view-switch{display:none!important}
#view-inbox .creator-messages-header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin:0 3px 7px!important}
#view-inbox .creator-messages-header>div:first-child{min-width:0!important;flex:1 1 auto}
#view-inbox .creator-messages-header .eyebrow,
#view-inbox .creator-messages-header>div:first-child>p{display:none!important}
#view-inbox .creator-messages-header h2{font-size:clamp(19px,4.3vw,25px)!important;line-height:1.2!important;margin:0!important;letter-spacing:-.02em!important}
#view-inbox .creator-inbox-header-actions{display:flex;align-items:center;flex:0 0 auto;gap:5px}
#view-inbox .creator-inbox-mini-link{position:relative;border:0;background:transparent;color:#a8c0df;min-height:35px;padding:6px 4px;font-size:12px;font-weight:550;cursor:pointer;white-space:nowrap;border-radius:8px}
#view-inbox .creator-inbox-mini-link[aria-expanded="true"]{color:#e9f4ff;background:#233854}
#view-inbox .creator-inbox-mini-link .creator-request-badge{display:inline-block;background:#3975dd;border-radius:99px;padding:1px 5px;font-size:10px;color:white;margin-left:3px}
#view-inbox .creator-inbox-mini-link .creator-request-badge[hidden]{display:none}
#view-inbox .creator-inbox-new-button{box-sizing:border-box;display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;font-size:22px!important;line-height:1!important;padding:0!important;border-radius:12px!important;margin:0!important}
#view-inbox .creator-notes-heading{margin-bottom:3px!important}
#view-inbox .creator-notes-heading strong{font-size:13px!important}
#view-inbox #inbox-conversations{box-sizing:border-box;border:0!important;box-shadow:none!important;background:transparent!important;padding:0 3px!important;margin:0!important;border-radius:0!important;min-width:0}
#view-inbox #inbox-conversations>.creator-inbox-heading{display:flex;align-items:center;justify-content:space-between;padding:7px 3px 5px;margin:0!important;gap:10px}
#view-inbox #inbox-conversations>.creator-inbox-heading h3{font-size:14px!important;margin:0!important;font-weight:650!important}
#view-inbox #inbox-list-refresh{display:grid;place-items:center;width:33px;height:33px;min-height:33px!important;min-width:33px!important;padding:0!important;font-size:20px;border:0!important;background:transparent;color:#a5bee0;border-radius:9px}
#view-inbox .creator-conversation{display:flex;align-items:center;gap:10px;min-height:62px!important;padding:8px 2px!important;border-bottom:1px solid rgba(102,139,186,.2)!important;border-radius:0!important;background:transparent!important}
#view-inbox .creator-conversation:focus-visible,#view-inbox .creator-inbox-mini-link:focus-visible{outline:2px solid #a0c8ff;outline-offset:2px}
#view-inbox .creator-conversation .avatar{width:49px!important;height:49px!important;min-width:49px!important;flex:0 0 49px!important}
#view-inbox .creator-conversation strong{font-size:14px!important}
#view-inbox .creator-conversation small{font-size:11px!important}
#view-inbox .creator-conversation-meta small{white-space:nowrap}
#view-inbox .creator-new-chat-types{display:flex;gap:5px;background:#13233a;padding:5px;border-radius:12px;margin:0 0 12px}
#view-inbox .creator-new-chat-types button{flex:1;min-height:40px;border:0;background:transparent;color:#aec4dd;border-radius:9px;font-size:13px;cursor:pointer}
#view-inbox .creator-new-chat-types button.is-active{background:#2d5282;color:#fff;font-weight:700}
#view-inbox .creator-new-chat-types button:focus-visible{outline:2px solid #9dcfff;outline-offset:2px}
#view-inbox #creator-message-requests,#view-inbox #creator-group-chat{
 position:absolute!important;z-index:35;inset:0!important;
 box-sizing:border-box!important;width:100%!important;height:100%!important;max-height:100%!important;
 padding:14px 12px calc(14px + env(safe-area-inset-bottom,0px))!important;margin:0!important;
 border:0!important;border-radius:0!important;background:#0b1425!important;
 overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
 box-shadow:none!important;scrollbar-width:thin;
 -webkit-overflow-scrolling:touch
}
#view-inbox #creator-message-requests[hidden],#view-inbox #creator-group-chat[hidden]{display:none!important}
#view-inbox #creator-group-chat>summary{display:none!important}
#view-inbox #creator-group-chat>.creator-inbox-heading,#view-inbox #creator-message-requests>.creator-inbox-heading{position:sticky;top:-14px;z-index:2;background:#0b1425;display:flex;align-items:center;justify-content:space-between;min-height:45px;margin:0 0 11px!important;padding:5px 0 10px}
#view-inbox #creator-group-chat>.creator-inbox-heading h3,#view-inbox #creator-message-requests>.creator-inbox-heading h3{margin:0!important;font-size:19px!important}
#view-inbox #creator-requests-close,#view-inbox #creator-groups-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-width:40px;min-height:40px;border:1px solid #405778;background:#1c304d;color:#fff;border-radius:50%;font-size:25px;cursor:pointer}
#view-inbox #creator-message-requests .creator-request-entry{background:transparent;border-bottom:1px solid #2b3e5b;padding:10px 1px;min-height:64px}
#view-inbox #creator-message-requests .creator-request-actions button{border-radius:10px;min-width:75px;padding:7px 10px;min-height:36px;font-size:12px}
#view-inbox #creator-group-chat>p.muted{font-size:12px;line-height:1.4;margin:0 0 8px}
#view-inbox #creator-group-chat .creator-group-create{display:grid;gap:9px;padding:8px 0 14px}
#view-inbox #creator-group-chat .creator-group-create label{font-size:12px}
#view-inbox #creator-group-chat .creator-group-create input{box-sizing:border-box;width:100%;font-size:16px}
#view-inbox #creator-group-list{padding:6px 0;margin:0}
#view-inbox #creator-group-list h4{font-size:14px;margin:9px 0}
#view-inbox #creator-group-list .creator-group-entry{padding:9px 0;border-bottom:1px solid #293e60}
#view-inbox #creator-group-thread-panel .creator-group-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
#view-inbox #creator-group-thread-messages{min-height:130px;max-height:48dvh;overflow-y:auto;overscroll-behavior:contain}
#view-inbox #creator-inbox-unread-summary:not([hidden]){padding:7px 10px!important;margin:0 0 4px!important;font-size:11px!important}
#view-inbox #creator-inbox-unread-summary:not([hidden])>strong{font-size:11px!important}
#view-inbox .creator-new-chat-head{margin:0 0 9px!important}
#view-inbox .creator-message-compose-start>small{font-size:11px!important}
#view-inbox #creator-message-requests .creator-requests-empty{background:transparent!important;padding:24px 12px!important}
/* Story playback uses the entire screen, with controls on its edges.
   The existing viewer dialog still owns focus and the Escape/back action. */
dialog#story-viewer{
 box-sizing:border-box!important;position:fixed!important;inset:0!important;margin:0!important;
 width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
 padding:0!important;border:0!important;border-radius:0!important;background:#04060c!important;color:#fff!important;
 overflow:hidden!important;overscroll-behavior:none!important;box-shadow:none!important
}
dialog#story-viewer::backdrop{background:#000!important;backdrop-filter:none!important}
#story-viewer .story-viewer-shell{display:block!important;box-sizing:border-box!important;position:relative!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;padding:0!important;overflow:hidden!important}
#story-viewer .story-viewer-progress{position:absolute!important;z-index:16;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 9px);height:3px!important;margin:0!important;gap:3px!important}
#story-viewer .story-viewer-progress span{background:#4e5564!important}
#story-viewer .story-viewer-progress span.is-viewed{background:#fff!important}
#story-viewer .story-viewer-top{position:absolute!important;z-index:16;top:calc(env(safe-area-inset-top,0px) + 22px);left:12px;right:12px;display:flex!important;gap:10px;align-items:center!important;justify-content:space-between!important}
#story-viewer .story-viewer-person{display:flex!important;align-items:center;gap:10px;min-width:0}
#story-viewer .story-viewer-person .avatar{flex:0 0 36px;width:36px;height:36px;min-width:36px;max-height:36px;border-radius:50%}
#story-viewer .story-viewer-person span{min-width:0}
#story-viewer .story-viewer-person small{color:#d6dbe5;font-size:10px}
#story-viewer .story-viewer-top-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
#story-viewer #story-viewer-more,#story-viewer #story-viewer-close{display:grid;place-items:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;background:rgba(0,0,0,.38);border:0;border-radius:50%;color:#fff;font-size:26px;line-height:1;touch-action:manipulation}
#story-viewer #story-viewer-more[hidden]{display:none!important}
#story-viewer .story-viewer-menu{position:absolute;z-index:25;top:calc(env(safe-area-inset-top,0px) + 68px);right:13px;width:min(205px,60vw);padding:6px;border-radius:12px;border:1px solid #4d586a;background:#202633;box-shadow:0 10px 35px #0009}
#story-viewer .story-viewer-menu[hidden]{display:none!important}
#story-viewer .story-viewer-menu button{display:block;width:100%;min-height:40px;background:transparent;border:0;color:#ffd7dd;font-size:14px;text-align:left;padding:8px 11px;border-radius:8px}
#story-viewer .story-viewer-menu button[hidden]{display:none!important}
#story-viewer .story-viewer-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#07080c!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden}
#story-viewer .story-viewer-media>img,#story-viewer .story-viewer-media>video{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center}
#story-viewer .story-viewer-text{text-shadow:0 1px 10px #0008;font-size:clamp(21px,5vw,35px);padding:32px}
#story-viewer .creator-story-product-link{position:absolute!important;z-index:18;bottom:calc(110px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:max-content;max-width:85vw;min-height:37px;border-radius:23px;padding:8px 13px;box-shadow:0 4px 15px #0007}
#story-viewer .story-viewer-tap{position:absolute;z-index:9;top:24%;bottom:19%;width:19vw;max-width:85px;background:transparent!important;border:0!important;color:transparent!important;cursor:pointer;touch-action:manipulation}
#story-viewer .story-viewer-tap-prev{left:0}
#story-viewer .story-viewer-tap-next{right:0}
#story-viewer .story-viewer-tap:disabled{pointer-events:none!important}
#story-viewer .story-viewer-bottom{position:absolute;z-index:16;left:0;right:0;bottom:0;box-sizing:border-box;padding:45px 14px calc(15px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,rgba(0,0,0,.73) 40%,rgba(0,0,0,.78));pointer-events:none}
#story-viewer .story-viewer-bottom>*{pointer-events:auto}
#story-viewer .story-viewer-caption{box-sizing:border-box;font-size:14px;line-height:1.35;max-height:75px;overflow-y:auto;color:#fff;margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}
#story-viewer .story-viewer-reactions{display:flex;align-items:center;gap:8px;min-height:44px}
#story-viewer #story-viewer-reply-form{display:flex;align-items:center;min-width:0;flex:1 1 auto;gap:5px;border:1px solid #c4c9d2;border-radius:24px;background:rgba(11,14,23,.48);padding:3px 6px 3px 12px}
#story-viewer #story-viewer-reply-form[hidden]{display:none!important}
#story-viewer #story-viewer-reply-form input{box-sizing:border-box;display:block;flex:1 1 auto;min-width:0;width:100%;min-height:38px;font-size:16px!important;color:#fff;background:transparent;border:0;outline:0;padding:5px 2px}
#story-viewer #story-viewer-reply-form input::placeholder{color:#dee3ec}
#story-viewer #story-viewer-reply-form button{display:grid;place-items:center;flex:0 0 36px;width:36px;min-height:36px;border:0;background:transparent;color:#fff;font-size:24px}
#story-viewer #story-viewer-like{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;min-height:43px;padding:0;border:0!important;background:rgba(0,0,0,.22)!important;color:#fff!important;font-size:29px!important;border-radius:50%;touch-action:manipulation}
#story-viewer #story-viewer-like[hidden]{display:none!important}
#story-viewer :is(button,input):focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:780px){
 dialog#story-viewer{height:var(--creator-visible-height,100dvh)!important;max-height:var(--creator-visible-height,100dvh)!important;top:var(--creator-visible-top,0px)!important;bottom:auto!important}
 #story-viewer .story-viewer-bottom{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}

 body.creator-inbox-screen #view-inbox>.creator-inbox-view-switch{display:none!important}
 body.creator-inbox-screen #view-inbox>.creator-messages-header{flex:0 0 auto;margin:0 1px 4px!important}
 body.creator-inbox-screen #view-inbox>.creator-notes-rail{flex:0 0 auto;margin:0 0 4px!important}
 body.creator-inbox-screen #view-inbox>#inbox-conversations{flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 body.creator-inbox-screen #view-inbox #creator-group-chat:focus,body.creator-inbox-screen #view-inbox #creator-message-requests:focus{outline:none!important}
}


/* Focused iPhone fixes: avatar circles, Stories playback/share and system call notices. */
#view-inbox #inbox-thread-messages>.creator-call-system-line{
 box-sizing:border-box!important;display:flex!important;position:relative!important;float:none!important;clear:both!important;
 align-self:center!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;
 width:max-content!important;max-width:94%!important;min-height:27px!important;margin:5px auto!important;
 gap:5px!important;padding:4px 9px!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;color:#a9bed8!important;
 font-size:11px!important;line-height:1.25!important;text-align:center!important;
}
#view-inbox #inbox-thread-messages>.creator-call-system-line>span{font-size:15px;line-height:1}
#view-inbox #inbox-thread-messages>.creator-call-system-line>strong{font-size:11px!important;font-weight:600!important}
#view-inbox #inbox-thread-messages>.creator-call-system-line>time{font-size:10px!important;color:#859ab6!important;white-space:nowrap}
#view-inbox #inbox-thread-messages>.creator-call-system-line.is-missed>span{color:#e4a3a3}
#view-inbox .creator-dm-shared-story{display:flex;flex-direction:column;gap:5px;margin:5px 0;padding:11px 12px;
 max-width:100%;border-radius:12px;border:1px solid #477aaf;background:#132d4c;color:#fff;text-decoration:none;overflow-wrap:anywhere}
#view-inbox .creator-dm-shared-story strong{font-size:13px}
#view-inbox .creator-dm-shared-story small{color:#d7e5f9;font-size:11px;line-height:1.35}
#view-inbox .creator-dm-shared-story em{color:#90ccff;font-size:11px;font-style:normal}
#view-inbox .creator-notes-list{display:flex!important;align-items:flex-start!important;min-width:0;max-width:100%;
 overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;overscroll-behavior-x:contain;
 -webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}
#view-inbox .creator-notes-list::-webkit-scrollbar{display:none}
#view-inbox .creator-note-item{flex-shrink:0!important;scroll-snap-align:start}
:is(.avatar,.creator-note-photo,.creator-add-story-circle,.creator-inbox-story-avatar,
 .creator-chat-peer-avatar,#creator-me-dock-avatar,.creator-dm-peer-avatar) img,
#view-inbox .creator-note-photo>img,#view-inbox #inbox-peer-avatar img{
 display:block!important;box-sizing:border-box!important;width:100%!important;height:100%!important;
 max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;
 object-fit:cover!important;object-position:center center!important;border-radius:50%!important;
 aspect-ratio:1/1;image-orientation:from-image;
}
#view-explore .creator-story-rail .creator-add-story-circle>img{
 width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 50%!important;
 border-radius:50%!important;aspect-ratio:1/1;image-orientation:from-image;
}
#story-viewer .story-viewer-progress span{overflow:hidden!important;border-radius:4px}
#story-viewer .story-viewer-progress span.is-viewed{background:#fff!important}
#story-viewer .story-viewer-progress span.is-active{background:#737783!important}
#story-viewer .story-viewer-progress span>i{display:block;width:0;height:100%;border-radius:4px;background:#fff}
#story-viewer .story-viewer-progress span.is-viewed>i{width:100%}
#story-viewer .story-viewer-progress span.is-active:not(.is-video)>i{
 animation:btb-social-story-fill var(--story-duration,10000ms) linear both
}
#story-viewer.is-paused .story-viewer-progress span.is-active>i{animation-play-state:paused}
@keyframes btb-social-story-fill{from{width:0}to{width:100%}}
#story-viewer #story-viewer-share{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;
 min-height:43px;padding:0;border:0!important;background:rgba(0,0,0,.24)!important;
 color:#fff!important;font-size:29px!important;border-radius:50%;touch-action:manipulation}
#story-viewer #story-viewer-share[hidden]{display:none!important}
#story-viewer .story-share-sheet{box-sizing:border-box;position:absolute;z-index:45;left:0;right:0;bottom:0;
 max-height:min(66dvh,570px);display:flex;flex-direction:column;padding:17px 15px calc(20px + env(safe-area-inset-bottom,0px));
 background:#101c30;border-radius:22px 22px 0 0;box-shadow:0 -14px 35px #000b;color:#fff}
#story-viewer .story-share-sheet[hidden]{display:none!important}
#story-viewer .story-share-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}
#story-viewer .story-share-heading strong{font-size:16px}
#story-viewer #story-share-close{width:40px;height:40px;min-width:40px;border:0;border-radius:50%;background:#223652;color:#fff;font-size:25px}
#story-viewer .story-share-hint{font-size:12px;line-height:1.4;color:#bbccdf;margin:6px 0 12px}
#story-viewer .story-share-people{display:flex;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;overscroll-behavior:contain}
#story-viewer .story-share-people>button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 5px;
 background:none;border:0;border-bottom:1px solid #2d4260;color:#fff;text-align:left;min-height:60px}
#story-viewer .story-share-people .avatar{flex:0 0 43px;width:43px;height:43px;min-width:43px}
#story-viewer .story-share-people button>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
#story-viewer .story-share-people strong{font-size:13px}
#story-viewer .story-share-people small{font-size:11px;color:#a7bad4}
#story-viewer .story-share-people button>span:last-child{font-size:12px;color:#a4cbfa}
#story-viewer .story-share-people button:disabled{opacity:.55}
@media(max-width:780px){
 #story-viewer .story-share-sheet{max-height:calc(var(--creator-visible-height,100dvh) * .7)}
 #story-viewer .story-viewer-reactions{gap:4px}
 #story-viewer #story-viewer-like,#story-viewer #story-viewer-share{flex-basis:39px;width:39px;height:39px;min-height:39px}
 #view-inbox #inbox-thread-messages>.creator-call-system-line{max-width:100%!important}
}