@layer tokens {

/* Extend the scrolling viewport behind the floating menu on every client. */
html[data-theme] body #appShell.shell{
 padding-bottom:0!important;
}
html[data-theme] body #appShell>#mainContent.content,
html.edgeToEdge[data-theme] body #appShell>#mainContent.content{
 bottom:0!important;
 min-height:0!important;
 max-height:none!important;
 padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;
 overflow-x:hidden!important;
 overflow-y:auto!important;
 -webkit-overflow-scrolling:touch!important;
 scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));
}
/* ROOT keeps its button and accessible name, with one white vector symbol. */
html[data-theme] body #appShell>.nav.glassDock .glassDockRootMark{
 display:grid!important;place-items:center!important;
 flex:0 0 auto!important;width:36px!important;height:36px!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
 color:#fff!important;filter:none!important;
}
html[data-theme] body #appShell>.nav.glassDock .glassDockRootMark svg,
html[data-theme] body #appShell>.nav.glassDock .glassDockRootMark svg path{
 display:block!important;width:100%!important;height:100%!important;
 fill:#fff!important;stroke:none!important;filter:none!important;
}
html[data-theme] body #appShell>.nav.glassDock .glassDockRoot .glassDockLabel{
 display:none!important;
}

}