@layer bso-layout {
/* Functional layout extracted from Laravel. Visual presentation lives exclusively in csharp-theme.css and csharp-shell.css. */
body.mg-ui-desktop .mg-mobile-only{display:none!important}
body.mg-ui-desktop .mg-desktop-only{display:revert}
body.mg-ui-desktop .mg-youth-development-columns{grid-template-columns:1fr 1fr}
body.mg-ui-desktop .mg-youth-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.mg-ui-desktop .mg-youth-profile-hero{grid-template-columns:104px minmax(0,1fr) minmax(420px,.9fr)}
body.mg-ui-desktop .mg-youth-profile-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
body.mg-ui-desktop .mg-youth-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.mg-ui-desktop .mg-youth-fixture-row{grid-template-columns:130px minmax(0,1fr) auto}
body.mg-ui-desktop .mg-youth-report-grid{grid-template-columns:1.2fr .8fr}
body.mg-ui-desktop .mg-youth-lineup-snapshot-grid,body.mg-ui-desktop .mg-youth-performance-columns{grid-template-columns:1fr 1fr}
body.mg-ui-desktop .mg-youth-lineup-shell{grid-template-columns:minmax(430px,700px) minmax(270px,340px);justify-content:center}
body.mg-ui-desktop .mg-youth-lineup-main .mg-lineup-pitch{max-width:700px}
body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-admin):not(.mg-is-minigame) {--rd-shell-width:min(1536px,100vw);--rd-shell-left:max(0px,calc((100vw - var(--rd-shell-width))/2));
  --mg-secondary-bottom-navigation-height:44px;
  --mg-bottom-navigation-stack-gap:4px;
  padding-bottom:0;--mg-bottom-navigation-height:clamp(3.5rem,6svh,4rem)

}
body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-admin):not(.mg-is-minigame) :is(.mg-container,.mg-footer){width:calc(var(--rd-shell-width) - 20px);margin-right:0;margin-left:calc(var(--rd-shell-left) + 10px)}
body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-admin):not(.mg-is-minigame) .mg-container{margin-top:112px}
body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-admin):not(.mg-is-minigame) .mg-footer{margin-bottom:8px}
body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-minigame) .mg-slot-picker-popover {position:fixed;top:var(--mg-slot-picker-top,96px);left:var(--mg-slot-picker-left,12px);width:var(--mg-slot-picker-width,380px);max-height:min(520px,calc(100dvh - 24px))
}
body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-minigame) .mg-secondary-bottom-navigation-scroll {justify-content:center
}
body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-minigame) .mg-secondary-action-bottom-row .mg-secondary-bottom-navigation-scroll {justify-content:center
}
body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-minigame) .mg-secondary-action-bottom-row .mg-secondary-bottom-navigation {position:relative;inset:auto;flex:1 1 auto;width:auto;height:100%;transform:none;min-width:0
}
body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-minigame) .mg-secondary-action-bottom-row,body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-minigame) :is(.mg-secondary-bottom-navigation,.mg-secondary-action-bottom-row){position:fixed;z-index:1445;right:auto;bottom:calc(var(--mg-bottom-navigation-height) + var(--mg-bottom-navigation-stack-gap));left:50%;width:min(1320px,calc(100vw - 36px));height:var(--mg-secondary-bottom-navigation-height);transform:translateX(-50%);}
body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-admin):not(.mg-is-minigame) .mg-responsive-app-content {
  box-sizing:border-box;
  height:auto;
  min-height:calc(100dvh - 112px);
  margin-bottom:0;
  padding-bottom:0;
  overflow:visible;
  overscroll-behavior-y:auto;
  scrollbar-gutter:auto
}
body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-admin):not(.mg-is-minigame) .mg-home-hero{width:min(100%,max(0px,calc(100vw - 20px)))}
body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-minigame) .mg-dashboard-focus-slide {min-height:350px
}
body.mg-ui-desktop.mg-theme-bso.mg-shell-manager:not(.mg-is-minigame) .mg-dashboard-focus-pitch {min-height:270px
}

}