/* v6.0-B RC2 — router-only compatibility layer.
   RC1's broad visual reskin was intentionally withdrawn after real-device QA.
   Keep legacy/UI2 workspace presentation; only keep the structural fixes needed
   for a single active workspace and a usable global More menu on desktop. */

/* Desktop: historical CSS disabled the More menu while a workspace was open.
   Router state is now single-workspace, so More can safely remain available. */
@media(min-width:761px){
  body.ui2-workspace-open-v5412 .ui2-more-backdrop{display:none!important}
  body.ui2-workspace-open-v5412 .ui2-more-backdrop.open{display:block!important}
  body.ui2-workspace-open-v5412 .ui2-more-menu{display:none!important}
  body.ui2-workspace-open-v5412 .ui2-more-menu.open{display:block!important}
}

/* Mobile keeps the established full-workspace behavior and hides the bottom nav
   while an independent workspace is active. Do not reskin inner feature UI. */
@media(max-width:760px){
  body.ui2-workspace-open-v5412:not(.ui2-practice-active) .nav-tabs{display:none!important}
}

/* Motion safety only; all visual geometry/colors come from the established UI2 files. */
@media(prefers-reduced-motion:reduce){
  body.ui2-workspace-open-v5412 .ui2-workspace-surface-v5412,
  body.ui2-workspace-open-v5412 .ui2-workspace-surface-v5412 *{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}


/* v6.2 RC3 — real-device mobile workspace boundary and width shield. */
@media(max-width:760px){
  body.ui2-workspace-open-v5412 .ui2-workspace-backdrop-v5412{
    top:calc(var(--jx-visual-top,0px) + var(--v60b-mobile-workspace-top,var(--ui2-workspace-top,66px)))!important;
    height:calc(var(--jx-visual-viewport,100dvh) - var(--v60b-mobile-workspace-top,var(--ui2-workspace-top,66px)))!important;
    max-height:none!important;
  }
  body.ui2-workspace-open-v5412 .ui2-workspace-surface-v5412{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.ui2-workspace-open-v5412 .ui2-workspace-surface-v5412 .ui2-workspace-head-v5412{
    width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.ui2-workspace-open-v5412 .ui2-workspace-titlewrap-v5412{min-width:0!important;overflow:hidden!important}
  body.ui2-workspace-open-v5412 .ui2-workspace-titlewrap-v5412 h2,
  body.ui2-workspace-open-v5412 .ui2-workspace-titlewrap-v5412 p{overflow-wrap:anywhere!important}
}
