/* Item G — GLOBAL responsive navigation. On phones the left settings sidebar is
   redundant (its links also live in the header nav) and eats a third of the
   viewport. On EVERY page that renders userSidebar.php, the sidebar column
   collapses into a slide-in drawer behind a "Menu" button; the scrim closes it.
   Wiring lives in js.php (adds .sl-sidebar-col to the sidebar's layout column
   and injects #slMobileMenuBtn / #slMobileMenuScrim). No functionality is
   removed — every sidebar link stays reachable. */
#slMobileMenuBtn { display: none; }
#slMobileMenuScrim { display: none; }
@media (max-width: 991px) {
	.sl-sidebar-col {
		position: fixed; top: 0; left: 0; bottom: 0;
		width: 280px; max-width: 80vw; z-index: 1080;
		transform: translateX(-105%); transition: transform .25s ease;
		overflow-y: auto; background: #fff;
		box-shadow: 2px 0 18px rgba(15,23,42,.18); padding: 14px;
	}
	.sl-sidebar-col.sl-drawer-open { transform: translateX(0); }
	/* Let the content column take the full width the sidebar vacated. */
	.sl-sidebar-col ~ [class*="col-"] { width: 100%; flex: 0 0 100%; max-width: 100%; }
	#slMobileMenuBtn {
		display: inline-flex; align-items: center; gap: 6px;
		background: #3C65F5; color: #fff; border: none; border-radius: 9px;
		padding: 8px 14px; font-weight: 700; font-size: .85rem;
		margin-bottom: 12px; cursor: pointer;
	}
	#slMobileMenuScrim { position: fixed; inset: 0; background: rgba(15,23,42,.45); z-index: 1070; display: none; }
	#slMobileMenuScrim.sl-open { display: block; }
}