/* umg-sidebar-toggle.css v1 (Nov 4 2026; owner umg-ummahchat). The "Hide the side bar" button and the hidden state. Tokens --uc-* (umg-ux-nov4.css), day fallbacks.
   44 px tap target, one hairline ring, no shadow beyond one. Motion: none on the button, a colour change on hover. */
#umg-side-toggle{position:fixed;top:50%;transform:translateY(-50%);z-index:1000;width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;
  border:1px solid var(--uc-line,#6F7B74);background:var(--uc-surface,#FFFFFF);color:var(--uc-ink,#0F1F17);cursor:pointer;box-shadow:0 1px 3px rgba(15,31,23,.18)}
#umg-side-toggle:hover{background:var(--uc-sunken,#F0EDE3)}
#umg-side-toggle:focus-visible{outline:3px solid var(--uc-action,#0A7B3D);outline-offset:2px}
@media (min-width:900px){
  /* Hide the icon rail, the room list and the divider; give the room view the whole width. Same four rules (and same reason) as the phone layout in the theme:
     the room list container is an unnamed flex child with an inline width, so zeroing .mx_LeftPanel_outerWrapper alone leaves its box (the theme also forces it display:flex). */
  body.umg-side-hidden .mx_SpacePanel,
  body.umg-side-hidden .mx_SpacePanel + div,
  body.umg-side-hidden .mx_SpacePanel + div + div{display:none!important}
  body.umg-side-hidden .mx_SpacePanel + div + div + div{flex:1 1 0!important;min-width:0!important;width:100%!important}
}
@media (max-width:899px){#umg-side-toggle{display:none!important}}
@media (prefers-reduced-motion:reduce){#umg-side-toggle{transition:none}}