/* Shared app-switcher panel: a rounded grid of app tiles (icon over label), used by Room, Workspace, Storefront, Academy and the app shell. */
.room-app-menu,.pp-app-switcher-menu,.wsh-profilepro-menu,.wm-switcher-menu,.wsb-app-switch-menu{
  width:min(292px,calc(100vw - 20px))!important;padding:14px 12px!important;background:#fff!important;border:1px solid #e2e8ec!important;border-radius:22px!important;
  box-shadow:0 2px 6px #10263612,0 18px 44px #1026362b!important;grid-template-columns:repeat(3,1fr);gap:4px 2px}
.room-app-menu:not([hidden]),.pp-app-switcher-menu:not([hidden]),.wm-switcher-menu:not([hidden]),.wsh-profilepro-menu.open,.wsb-app-switch-menu.open{display:grid!important}
.room-app-menu[hidden],.pp-app-switcher-menu[hidden],.wm-switcher-menu[hidden]{display:none!important}
.wsh-profilepro-menu:not(.open),.wsb-app-switch-menu:not(.open){display:none!important}
.room-app-menu>b,.pp-app-switcher-menu>b,.wm-switcher-menu>b,.wsh-profilepro-menu>b,.wsb-app-switch-menu>b{display:none!important}
.room-app-menu a,.pp-app-switcher-menu a,.wsh-profilepro-menu a,.wm-switcher-menu a,.wsb-app-switch-menu a{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
  padding:12px 4px 10px!important;border-radius:14px!important;text-align:center!important;text-decoration:none!important;
  color:#2c3e50!important;font:500 12.5px/1.2 'Cabinet Grotesk',Arial,sans-serif!important;min-width:0}
.room-app-menu a:hover,.pp-app-switcher-menu a:hover,.wsh-profilepro-menu a:hover,.wm-switcher-menu a:hover,.wsb-app-switch-menu a:hover{background:#eef3f5!important;color:#0e1a27!important}
.room-app-menu img,.pp-app-switcher-menu img,.wsh-profilepro-menu img,.wm-switcher-menu img,.wsb-app-switch-menu img{width:42px!important;height:42px!important;object-fit:contain;border-radius:11px;flex:none}
.room-app-menu a span,.pp-app-switcher-menu a span,.wsh-profilepro-menu a span,.wsb-app-switch-menu a span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.room-app-menu a[aria-current="page"],.wsh-profilepro-menu a[aria-current="page"],.wsb-app-switch-menu a[aria-current="page"]{background:#eef3f5!important}
@media(max-width:720px){.pp-mobile-app-switcher-menu{width:min(292px,calc(100vw - 24px))!important}}
/* Storefront: the switcher sits on the right next to the profile icon, like every other app */
.wm-app-switch{display:none!important}
.wm-top-actions .wm-mobile-app-switch{display:grid!important;place-items:center;width:36px;height:36px;border-radius:10px;color:#35485a}
.wm-top-actions .wm-mobile-app-switch:hover,.wm-top-actions .wm-mobile-app-switch[aria-expanded="true"]{background:#e8f3f0;color:#087f70}
.wm-top-actions .wm-mobile-app-switch svg{width:21px;height:21px;fill:currentColor;stroke:none}
.wm-top-actions .wm-switcher-menu{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;z-index:60}

/* ProfilePro header app switcher, phone size: smaller panel, tiles and labels (was a 292px sheet with 42px tiles). */
@media(max-width:720px){
  .pp-app-switcher-menu{width:min(228px,calc(100vw - 24px))!important;padding:8px 6px!important;border-radius:16px!important;gap:2px 0!important;top:calc(env(safe-area-inset-top,0px) + 54px)!important;bottom:auto!important}
  .pp-app-switcher-menu a{padding:8px 2px 7px!important;gap:5px!important;border-radius:11px!important;font-size:11px!important;line-height:1.15!important}
  .pp-app-switcher-menu img{width:30px!important;height:30px!important;border-radius:8px!important}
  .app-nav-right .pp-app-switcher-trigger{width:32px!important;height:32px!important}
  .app-nav-right .pp-app-switcher-trigger .ppi{--ppi-s:19px!important;width:19px!important;height:19px!important}
}