/* R84: communications, creation and social surfaces. */
body.has-tabbar [hidden]{display:none!important}
body.has-tabbar .qs-app-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
body.has-tabbar .qs-app-title h1{font-size:24px;letter-spacing:-.04em;margin:0;line-height:1.2}
body.has-tabbar .qs-app-title a{flex-shrink:0}
body.has-tabbar .qs-page-hero-r36{background-image:none!important}
body.has-tabbar .qs-r36-profile-header{display:none!important}
body.has-tabbar .qs-thread-row{box-shadow:none;border-radius:14px;padding:12px;min-height:76px;margin-bottom:5px}
body.has-tabbar .qs-thread-row :is(.qs-thread-main,.qs-thread-copy){min-width:0}
body.has-tabbar .qs-inbox-online{padding:10px 12px;margin:10px 0}
body.has-tabbar .qs-online-people{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:14px;padding:6px 0}
body.has-tabbar .qs-online-person{flex:0 0 62px}
body.has-tabbar .qs-messenger-shortcuts{display:none}
body.has-tabbar .qs-r58-phone-actions{display:none}
body.has-tabbar .qs-phone-hero-status-r53{padding:5px 2px;margin:0 0 8px;min-height:34px;background:none;border:0;box-shadow:none}
body.has-tabbar .qs-phone-readiness-banner{padding:10px 12px;gap:8px;border-radius:14px;flex-wrap:wrap;box-shadow:none}
body.has-tabbar .qs-phone-readiness-copy small{display:none}
body.has-tabbar .qs-phone-readiness-icon{width:28px;height:28px;font-size:14px}
body.has-tabbar .qs-phone-readiness-actions{gap:6px;flex-wrap:wrap}
body.has-tabbar .qs-phone-readiness-actions :is(button,a){min-height:44px;padding:8px 10px}
body.has-tabbar .qs-phone-call-search{margin:8px 0}
body.has-tabbar .qs-calls-tabs{overflow-x:auto;overscroll-behavior-x:contain}
body.has-tabbar .qs-profile-cover{height:140px;min-height:0}
body.has-tabbar .qs-profile-identity{padding:0 16px 12px;gap:12px}
body.has-tabbar .qs-profile-stats{padding:10px 16px;gap:18px}
body.has-tabbar .qs-profile-owner-actions{display:flex;flex-wrap:wrap;gap:8px}
body.has-tabbar .qs-profile-tabs{display:flex;overflow-x:auto;gap:4px;padding:4px;margin:10px 0;scrollbar-width:thin}
body.has-tabbar .qs-profile-tabs button{flex:1 0 auto;min-height:44px;padding:8px 12px}
body.has-tabbar :is(.qs-r77-people-circles,.qs-r67-creator-coach){padding:14px;gap:12px;box-shadow:none}
body.has-tabbar :is(.qs-r77-people-circles,.qs-r67-creator-coach) p{font-size:13px;line-height:1.5}
body.has-tabbar .qs-r78-activity-hero{padding:14px;gap:10px}
body.has-tabbar .qs-r78-activity-hero p{font-size:13px}
body.has-tabbar :is(.qs-r77-circle-card,.qs-room-card,.qs-person-card){min-width:0;overflow-wrap:anywhere}
/* Keep the modal above its own backdrop and the application navigation. */
body.has-tabbar .qs-compose-backdrop{z-index:2000!important}
body.has-tabbar .qs-compose-modal{z-index:2010!important;box-sizing:border-box;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain}
body.has-tabbar .qs-r67-ai-backdrop{z-index:var(--qs-layer-skymind,2147482000)!important;padding:12px;overscroll-behavior:contain}
body.has-tabbar .qs-r67-ai-sheet{box-sizing:border-box;max-height:85dvh;overscroll-behavior:contain}
body.has-tabbar .qs-r67-ai-actions button,body.has-tabbar .qs-r67-ai-close{min-height:44px;min-width:44px}
body.has-tabbar .qs-r67-ai-answer{overflow-wrap:anywhere}
body.has-tabbar .qs-r67-ai-actions button:disabled{opacity:.45;cursor:wait}
body.has-tabbar .qs-r73-story-create{box-sizing:border-box;width:min(680px,100%);padding:20px;margin:0 auto;border-radius:18px}
body.has-tabbar .qs-story-create-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
body.has-tabbar .qs-story-create-heading h1{font-size:24px;margin:0}
body.has-tabbar .qs-story-create-heading a{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--qs-text);background:var(--qs-surface-muted);font-size:24px;text-decoration:none}
body.has-tabbar .qs-camera-drop{position:relative;min-height:145px;border-radius:16px}
body.has-tabbar .qs-camera-drop:focus-within{outline:3px solid var(--qs-accent)}
body.has-tabbar .qs-story-preview{width:100%;max-height:340px;object-fit:contain;border-radius:14px;margin:8px 0}
body.has-tabbar .qs-r73-story-cta{padding:12px;border-radius:14px}
body.has-tabbar .qs-story-form-bottom{position:sticky;bottom:0;background:var(--qs-surface);padding:12px 0;z-index:2;gap:12px;display:flex;align-items:center}
body.has-tabbar [data-story-status]{font-size:14px;min-height:1.5em;overflow-wrap:anywhere}
@media(max-width:760px){
  /* The outer body owns bottom navigation clearance; avoid triple empty footers. */
  body.has-tabbar :is(.qs-page,.container,.qs-r78-activity){padding-bottom:18px!important}
  body.has-tabbar .qs-legal-footer{padding-bottom:12px!important}
  body.has-tabbar .qs-r58-comms-switch a{font-size:11px!important;min-height:44px!important}
  body.has-tabbar .qs-r58-comms-switch a b{font-size:11px!important}
  body.has-tabbar .qs-r58-comms-switch a>span{display:none}
  body.has-tabbar .qs-r82-message-secondary-actions{display:flex!important;gap:8px!important}
  body.has-tabbar .qs-r82-message-secondary-actions a{width:auto!important;flex:1;font-size:13px!important}
  body.has-tabbar .qs-profile-cover{height:110px}
  body.has-tabbar .qs-profile-avatar{width:76px;height:76px}
  body.has-tabbar .qs-profile-identity{flex-wrap:wrap;padding:0 12px 12px}
  body.has-tabbar .qs-profile-name h1{font-size:23px}
  body.has-tabbar .qs-profile-owner-actions{width:100%}
  body.has-tabbar .qs-profile-owner-actions>*{flex:1;min-width:0}
  body.has-tabbar .qs-compose-modal{position:fixed!important;inset:0!important;transform:none!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;padding:calc(16px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))!important}
  body.has-tabbar .qs-premium-compose .qs-compose-modal-head{top:calc(-16px - env(safe-area-inset-top));margin:calc(-16px - env(safe-area-inset-top)) -14px 12px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px}
  body.has-tabbar .qs-story-stage:has([data-story-create]){padding:8px 10px}
  body.has-tabbar .qs-r73-story-create{min-height:calc(100dvh - 64px);padding:12px;border:0;box-shadow:none}
  body.has-tabbar:has([data-story-create]) .qs-r59-mobile-nav{display:none!important}
  body.has-tabbar:has([data-story-create]){padding-bottom:env(safe-area-inset-bottom)!important}
  body.has-tabbar .qs-r73-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.has-tabbar .qs-r73-story-grid label{min-width:0;font-size:13px}
  body.has-tabbar .qs-r73-story-grid :is(select,input){min-width:0;font-size:16px}
  body.has-tabbar :is(.qs-global-compose,.qs-r73-story-create) textarea{font-size:16px}
  body.has-tabbar .qs-r65-studio-shortcuts{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:8px;padding:4px 0 10px}
  body.has-tabbar .qs-r65-studio-shortcuts>*{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center;padding:8px 12px}
  body.has-tabbar .qs-r65-pulse-tabs{top:calc(56px + env(safe-area-inset-top))}
}
@media(prefers-reduced-motion:reduce){body.has-tabbar *,body.has-tabbar *::before,body.has-tabbar *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* R85 final source-template QA corrections. */
body.has-tabbar :is(.qs-app-title h1,.qs-story-create-heading h1){font-family:var(--qs-font),system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.035em;background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--qs-text)!important}
body.has-tabbar .qs-camera-drop svg{width:32px;height:32px;color:var(--qs-accent)}
body.has-tabbar .qs-r67-compose-assist button{min-height:44px;padding:9px 12px;font-size:13px}
body.has-tabbar .qs-compose-mode-tabs button{min-height:44px;font-size:12px}
body.has-tabbar .qs-r65-studio-shortcuts>*{font-size:12px}
body.has-tabbar .qs-r73-story-grid label:has([name="visibility"]),body.has-tabbar .qs-r73-story-grid label:has([name="circle_id"]){grid-column:1/-1}
body.has-tabbar .qs-story-form-bottom{background:var(--qs-surface);border-radius:12px}
/* Final communications/profile layout fixes verified with page-local CSS. */
body.has-tabbar .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.has-tabbar .qs-profile-page{width:auto!important;min-width:0!important;box-sizing:border-box!important}
body.has-tabbar .qs-profile-main{min-width:0;max-width:100%}
body.has-tabbar .qs-profile-name h1{font-family:var(--qs-font),system-ui,sans-serif!important;background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--qs-text)!important;overflow-wrap:anywhere;line-height:1.15}
body.has-tabbar .qs-profile-name-line{flex-wrap:wrap}
body.has-tabbar .qs-profile-owner-actions{position:static!important;inset:auto!important;margin:12px 0 0!important;min-width:0;max-width:100%}
body.has-tabbar .qs-profile-owner-actions .qs-secondary{font-size:12px;min-height:44px}
@media(max-width:900px){
 body.has-tabbar .qs-profile-identity{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px 12px}
 body.has-tabbar .qs-profile-avatar{width:76px;height:76px}
 body.has-tabbar .qs-profile-avatar-wrap{margin-top:-36px}
 body.has-tabbar .qs-profile-owner-actions{grid-column:1/-1;width:100%;display:flex}
 body.has-tabbar .qs-profile-owner-actions>*{flex:1}
}
@media(max-width:760px){
 body.has-tabbar .qs-calls-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px!important;padding:4px!important}
 body.has-tabbar .qs-calls-tabs button{min-width:0!important;width:100%;padding:8px 3px!important;font-size:11px;gap:3px}
 body.has-tabbar .qs-calls-tab-icon{display:none}
}
body.has-tabbar .qs-calls-tabs button.is-active :is(span,b),body.has-tabbar .qs-r58-comms-switch a.is-active :is(span,b){color:#fff!important}
