/* Shared across every Commons Hub page: dark scroll surfaces, no visible bars.
   Overflow remains enabled for touch, wheel, trackpad and keyboard navigation. */
html:has(>body.commons),body.commons,body.commons *{scrollbar-width:none!important;scrollbar-color:#555 #000!important}
html:has(>body.commons)::-webkit-scrollbar,body.commons::-webkit-scrollbar,body.commons *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
html:has(>body.commons)::-webkit-scrollbar-track,body.commons::-webkit-scrollbar-track,body.commons *::-webkit-scrollbar-track,body.commons *::-webkit-scrollbar-corner{background:#000!important}
body.commons{color-scheme:dark}
body.commons :is(select,option,optgroup,[role="listbox"],[role="menu"],.editor-content,.message-list,.dm-members,.dm-history,.notification-popup-list,.notification-item,.dm-member,.mobile-side-drawer .nav){background:#080808!important;color:#edf4fa}
body.commons :is(.notification-popup,.messages-popup,.shared-media-dialog){background:#080808!important}
body.commons :is(.dm-member:hover,.dm-member:focus-visible,.notification-item:hover){background:#111!important}

/* Mobile composer label stays above; its expansion control sits below the draft. */
.discussion-composer-heading{display:none}
@media(max-width:1000px){body.commons .discussion-composer-heading{display:block;margin:10px 0 16px;font-weight:600;color:#edf5fa}body.commons .discussion-composer-toggle{margin:8px 0 0;padding:6px 0;font-size:13px;font-weight:500}body.commons .discussion-composer-arrow{width:25px;height:25px;font-size:17px}}