/* BTB Social — source-video / Explore / Inbox iPhone finishing layer.
   Scoped to creator screens. Preserve signed media, privacy and existing routes. */
#view-inbox .creator-inbox-view-switch{
 display:flex;align-items:center;gap:6px;max-width:720px;width:100%;
 margin:8px auto 13px;padding:4px;box-sizing:border-box;
 background:#0c1a30;border:1px solid #405a7c;border-radius:14px
}
#view-inbox .creator-inbox-view-switch button{
 flex:1;min-height:46px;display:flex;gap:7px;align-items:center;justify-content:center;
 border:0;border-radius:10px;background:transparent;color:#c0d4ed;
 font:inherit;font-size:14px;font-weight:760;cursor:pointer
}
#view-inbox .creator-inbox-view-switch button.is-active{
 background:#275eac;color:#fff;box-shadow:0 2px 8px #0004
}
#view-inbox .creator-inbox-view-switch button:focus-visible{outline:3px solid #99cdff;outline-offset:2px}
#view-inbox .creator-inbox-view-switch .creator-request-badge{font-size:11px;min-width:20px;text-align:center}
#view-inbox .creator-message-requests[hidden],#view-inbox #inbox-conversations[hidden],
#view-inbox .creator-message-compose-start[hidden],#view-inbox #creator-group-chat[hidden]{display:none!important}
#view-inbox #creator-message-requests{margin:2px 0 12px;padding:14px;background:#101e33;border:1px solid #3d577a}
#view-inbox .creator-requests-empty{padding:25px 15px 27px;text-align:center;background:#14243b;border-radius:13px}
#view-inbox .creator-requests-empty strong{font-size:16px;color:#f2f7ff}
#view-inbox .creator-requests-empty p{font-size:13px;line-height:1.55;color:#b9cbe0;max-width:310px;margin:8px auto 0}
#view-inbox .creator-request-entry{padding:16px 7px;min-height:78px}
#view-inbox .creator-request-actions{gap:9px}
#view-inbox .creator-request-actions button{min-height:44px;min-width:90px}
#view-inbox .creator-message-compose-start{margin:0 0 13px;padding:13px}
#view-inbox .creator-message-compose-start>small{display:block;font-size:12px;line-height:1.4;margin-top:7px}
#view-inbox #inbox-conversations{margin:0 0 14px;padding:13px}
#view-inbox .creator-conversation{display:flex;align-items:center;gap:11px;min-height:75px;border-bottom:1px solid #344a69}
#view-inbox .creator-conversation>span:nth-of-type(1) small{
 display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;line-height:1.5
}
#view-inbox .creator-conversation-meta{margin-left:auto}
#view-creators .creator-discovery-highlights{min-width:0}
#view-creators .creator-explore-videos{margin:4px 0 18px}
#view-creators .creator-explore-section-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:3px 0 12px}
#view-creators .creator-explore-section-head h3{margin:0;font-size:19px;letter-spacing:-.03em}
#view-creators .creator-explore-video-grid{
 display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,155px),1fr));gap:12px
}
#view-creators .creator-explore-video-card{
 display:flex;flex-direction:column;min-width:0;overflow:hidden;text-decoration:none!important;
 color:#f3f8ff;background:#13243a;border:1px solid #36557b;border-radius:13px;
 box-shadow:0 4px 16px #0003;transition:border-color .18s ease
}
#view-creators .creator-explore-video-card:focus-visible{outline:3px solid #9acbff;outline-offset:2px}
#view-creators .creator-explore-video-card:hover{border-color:#8abdf4}
#view-creators .creator-explore-video-frame{
 display:grid;place-items:center;position:relative;width:100%;
 aspect-ratio:9/14;overflow:hidden;background:#0b1626
}
#view-creators .creator-explore-video-card video{
 display:block;width:100%;height:100%;object-fit:contain;object-position:center;
 background:transparent;pointer-events:none
}
#view-creators .creator-explore-video-play{
 position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
 display:grid;place-items:center;width:39px;height:39px;border:1px solid #ffffff80;
 border-radius:50%;background:#09172aca;color:#fff;font-size:15px;pointer-events:none
}
#view-creators .creator-explore-video-card.has-frame .creator-explore-video-play{opacity:0;transition:opacity .15s}
#view-creators .creator-explore-video-card strong{
 font-size:12px;line-height:1.35;margin:9px 10px 2px;display:-webkit-box;
 -webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:32px
}
#view-creators .creator-explore-video-card small{font-size:11px;color:#a9c5e5;margin:0 10px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:780px){
 #creator-fresh-reels.creator-home-reels{padding:10px 9px 11px!important;border-radius:15px}
 #creator-fresh-reels .creator-reel{
  flex-basis:min(82vw,340px)!important;width:min(82vw,340px)!important;
  height:clamp(405px,73dvh,555px)!important;min-height:405px!important;max-height:555px!important
 }
 #creator-fresh-reels .creator-reel .post-media.creator-reel-video{
  object-fit:contain!important;object-position:center center!important;
  background:#091626!important
 }
 #creator-fresh-reels .creator-reel .post-author{padding:8px 9px!important}
 #creator-fresh-reels .creator-reel .post-text{padding:4px 10px 6px!important;line-height:1.38!important}
 #creator-fresh-reels .creator-reel .creator-reel-controls button{min-height:40px!important}
 #view-creators .section-head.social-head{margin:6px 0 10px}
 #view-creators .section-head.social-head p{display:none}
 #view-creators #discover-form{display:flex;align-items:stretch;gap:7px}
 #view-creators #discover-form input{min-width:0;flex:1}
 #view-creators #discover-form button{min-width:75px;min-height:44px}
 #view-creators .topic-shortcuts{overflow-x:auto;flex-wrap:nowrap;gap:7px;padding:3px 0 8px;scrollbar-width:none}
 #view-creators .topic-shortcuts button{white-space:nowrap;flex-shrink:0;min-height:39px}
 #view-creators .creator-explore-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #view-inbox>.section-head.social-head{margin-bottom:8px}
 #view-inbox>.section-head.social-head p{font-size:12px;line-height:1.4;margin-bottom:0}
 #view-inbox .creator-inbox-unread-summary{margin-bottom:9px}
 #view-inbox .creator-conversation{padding:13px 5px;min-height:76px}
 body.creator-chat-open #view-inbox #inbox-thread-panel{
  top:max(64px,calc(env(safe-area-inset-top,0px) + 54px));
  bottom:calc(66px + env(safe-area-inset-bottom,0px));
  padding:10px 12px!important
 }
 body.creator-chat-open #inbox-thread-messages{flex:1 1 auto;min-height:0!important;max-height:none!important}
 body.creator-chat-open #inbox-thread-panel .creator-dm-media-tools{
  flex:0 0 auto;max-height:70px;min-height:0;overflow-y:auto
 }
 body.creator-chat-open #inbox-thread-panel .creator-dm-media-tools #inbox-media-info{display:none}
 body.creator-chat-open #inbox-thread-panel .creator-dm-media-tools:has(#inbox-remove-media:not([hidden])) #inbox-media-info{display:block}
 body.creator-chat-open #inbox-thread-panel #inbox-send-form{margin:2px 0!important}
}
@media(max-width:370px){
 #view-creators .creator-explore-video-grid{gap:7px}
 #view-creators .creator-explore-video-card strong{margin:7px 7px 2px}
 #view-creators .creator-explore-video-card small{margin:0 7px 8px}
 #view-inbox .creator-inbox-view-switch button{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 #view-creators .creator-explore-video-card{transition:none}
}