/* One document scroll, with only the existing navigation buttons floating. */
html{min-height:100%;scroll-padding-top:80px}
body{min-height:100vh;overflow-x:clip}
.shell{height:auto!important;min-height:100dvh!important;overflow:visible!important;display:flex;flex-direction:column;padding-top:calc(72px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
.shell>.mobile-drill-header{position:fixed!important;inset:env(safe-area-inset-top,0px) 0 auto!important;z-index:25;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:start!important;min-height:0!important;height:auto!important;padding:10px 12px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none}
.shell>.mobile-drill-header>span{display:none!important}
.shell>.mobile-drill-header>button{pointer-events:auto;position:relative;background:#fff!important;box-shadow:0 2px 8px #00000012;min-height:44px;margin:0!important;grid-column:1;justify-self:start}
.shell>.mobile-drill-header>button:last-child:not(:first-child){grid-column:3;justify-self:end}
.shell>.main{height:auto!important;min-height:0!important;max-height:none!important;width:100%!important;margin-left:0!important;overflow:visible!important;flex:none!important}
.shell>.main>main,.shell>.main>main.channel-main,.shell>.main>main.messenger-main{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;flex:none!important;overscroll-behavior:auto!important}
.shell>.sidebar{position:static!important;height:auto!important;max-height:none!important;overflow:visible!important;flex:none!important;overscroll-behavior:auto!important;border:0!important}
#root>main{height:auto!important;max-height:none!important;min-height:100dvh;overflow:visible!important}
.shell>.main>.topbar,.shell .column-divider{display:none!important}
:is(.shell,#root>main) :is(.channel-workspace,.messenger-workspace,.interaction-workspace,.growth-workspace,.growth-brand-workspace){height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;flex:none!important}
:is(.shell,#root>main) :is(.channel-people,.channel-detail,.messenger-people,.messenger-chat,.interaction-detail){height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;flex:none!important}
:is(.shell,#root>main) :is(.channel-people-scroll,.channel-detail-scroll,.messenger-people-scroll,.messenger-history,.channel-rules,.interaction-email,.interaction-mobile-email,.email-inbox-page,.email-message-detail,.inbox-list,.hub-split,.suggestion-asset-grid){height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;flex:none!important;overscroll-behavior:auto!important}
:is(.shell,#root>main) :is(.channel-list-heading,.channel-detail-heading,.messenger-list-heading,.messenger-chat-heading,.messenger-chat-toolbar,.messenger-composer,.channel-rules){position:static!important;background:transparent!important;border-top:0!important;border-bottom:0!important;box-shadow:none!important}
:is(.shell,#root>main) :is(.channel-list-heading,.channel-detail-heading,.messenger-chat-heading):empty{display:none!important}
:is(.shell,#root>main) :is(.channel-person,.messenger-person){scroll-margin-top:80px}
@media(min-width:701px){.shell>.mobile-drill-header{padding-left:18px!important;padding-right:18px!important}}
/* Location-label selection lists are page content rather than a scroll box. */
:is(.shell,#root>main) .warehouse-form fieldset>div[style*="overflow-y"]{max-height:none!important;overflow:visible!important}

/* Selected details replace the secondary menu; Back restores it. */
.shell :is(.channel-workspace.has-detail,.messenger-workspace.has-chat,.directory-workspace.mobile-summary){display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
.shell :is(.channel-workspace.has-detail,.directory-workspace.mobile-summary)>.channel-people,.shell .messenger-workspace.has-chat>.messenger-people{display:none!important}
.shell :is(.channel-workspace.has-detail,.directory-workspace.mobile-summary)>.channel-detail,.shell .messenger-workspace.has-chat>.messenger-chat{display:flex!important;grid-column:1;grid-row:1;width:100%!important;min-width:0!important}
/* Page viewport scrolls vertically; horizontal overflow stays inside content. */
html,body,#root{width:100%;max-width:100%;overflow-x:hidden!important}
.shell,.shell>.sidebar,.shell>.main,.shell>.main>main{min-width:0!important;max-width:100%!important}
html,body{overscroll-behavior-x:none}