@layer fenris-mobile-reference {
/* One horizontal content boundary for all professional mobile portals.
   Embedded documents inherit that boundary rather than adding a second gutter. */
@media screen and (max-width:900px){
 html[data-fenris-mobile-palette] body .mba-shell{
  width:100%!important;max-width:100%!important;
  padding-left:0!important;padding-right:0!important;
 }
 html[data-fenris-mobile-palette] body .mba-shell>.mba-top{
  box-sizing:border-box!important;width:90vw!important;margin-inline:5vw!important;
 }
 html[data-fenris-mobile-palette] body :is(.mba-shell.mba-shell,.ama-app.ama-app)>main,
 html[data-fenris-mobile-palette] body.cp-body .cp-main>.cp-content,
 html[data-fenris-mobile-palette] body .mba-campaign-detail-page>main,
 html[data-fenris-mobile-palette] body.bp-body .bp-main>.bp-content,
 html[data-fenris-mobile-palette] body.admin-body .bp-main>.bp-content.admin-content{
  box-sizing:border-box!important;
  width:90vw!important;
  max-width:90vw!important;
  min-width:0!important;
  margin-inline:5vw!important;
  padding-left:0!important;
  padding-right:0!important;
 }
 html[data-fenris-mobile-palette] body .mba-shell>main>.mba-screen,
 html[data-fenris-mobile-palette] body .ama-app>main>.ama-screen{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
 }
 /* The company message component contains a reused creator layout. */
 html[data-fenris-mobile-palette] body .mba-screen .cp-main,
 html[data-fenris-mobile-palette] body .mba-screen .cp-main>.cp-content{
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin-left:0!important;margin-right:0!important;
  padding-left:0!important;padding-right:0!important;
 }
 html[data-fenris-mobile-palette] body.agency-page.agency-page :is(.agency-shell,.agency-message-shell){
  box-sizing:border-box!important;width:90vw!important;max-width:90vw!important;
  min-width:0!important;margin-left:0!important;margin-right:0!important;
 }
 /* An admin tool iframe already sits inside its parent's 90% content column. */
 html[data-fenris-mobile-palette] body.admin-body.is-admin-mobile-embedded .bp-main>.bp-content,
 html[data-fenris-mobile-palette] body.agency-page.agency-embedded :is(.agency-shell,.agency-message-shell){
  width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
 }
}

}

@layer fenris-mobile-reference {
 @media(max-width:768px){
  html[data-fenris-mobile-palette] body .mba-shell>main>.mba-dual-campaigns.is-active.is-collaboration-pages{display:flex!important;flex-direction:column!important;height:var(--mba-collaboration-height)!important;min-height:0!important;padding-bottom:0!important;overflow:visible!important}
  html[data-fenris-mobile-palette] body .is-collaboration-pages>:not(.mba-dual-list){flex-shrink:0!important}
  html[data-fenris-mobile-palette] body .is-collaboration-pages .mba-dual-list{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;overflow:hidden!important;gap:8px!important}
  html[data-fenris-mobile-palette] body .is-collaboration-pages .mba-dual-card{flex:0 0 auto!important;height:auto!important;box-sizing:border-box!important}
  html[data-fenris-mobile-palette] body .mba-collaboration-pages{display:flex;align-items:center;justify-content:center;gap:16px;height:42px;margin-top:8px;font-size:11px;color:var(--fm-muted)}
  html[data-fenris-mobile-palette] body .mba-collaboration-pages[hidden]{display:none!important}
  html[data-fenris-mobile-palette] body .mba-collaboration-pages button{width:34px;height:32px;border:1px solid var(--fm-gold-border);border-radius:10px;background:var(--fm-tertiary);color:var(--fm-gold-light)}
  html[data-fenris-mobile-palette] body .mba-collaboration-pages button:disabled{opacity:.35}
 }
}

@layer fenris-mobile-reference {
 @media(max-width:768px){
  html[data-fenris-mobile-palette] body .is-collaboration-pages .mba-dual-card{grid-template-columns:46px minmax(0,1fr) auto!important;gap:4px 8px!important;padding:6px!important}
  html[data-fenris-mobile-palette] body .is-collaboration-pages .mba-dual-logo{grid-row:1!important;width:46px!important;height:46px!important;min-height:46px!important}
  html[data-fenris-mobile-palette] body .is-collaboration-pages .mba-dual-card footer{grid-column:1/-1!important;padding-top:6px!important}
 }
}

@layer fenris-mobile-reference {
 @media(max-width:768px){
  html[data-fenris-mobile-palette] body .mba-collaboration-pages{box-sizing:border-box!important;margin-top:12px!important;border-top:1px solid var(--fm-line)!important;padding-top:4px!important}
 }
}

@layer fenris-mobile-reference {
 @media(max-width:768px){
  html[data-fenris-mobile-palette] body .mba-collaboration-pages{height:38px!important;padding-top:4px!important;padding-bottom:0!important;align-items:center!important}
 }
}

@layer fenris-mobile-reference {
 @media(max-width:768px){
  html[data-fenris-mobile-palette] body .mba-collaboration-pages>span{display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;height:32px!important;line-height:1!important;margin:0!important;padding:0!important}
  html[data-fenris-mobile-palette] body .mba-collaboration-pages>button{display:grid!important;place-items:center!important;align-self:center!important;line-height:1!important;margin-block:0!important}
 }
}
