/* UmmahChat in-app theme — the "digital majlis": forest rail, cream floor, gold accent. Overrides Element v1.12.20 Compound tokens + structural classes (config custom_themes alone doesn't reach the modern UI). Loaded after bundle.css so it wins. v9 — INTERN POLISH SWEEP (Jun 18 2026, BUG-309/308/322/321): - SECTION 23: BUG-309 home caption un-overlap (remove ::after from mx_HomePage — that page shows our welcome.html which carries its own branding; the amanah caption stays on mx_RoomView_empty only, now properly centered). - SECTION 23: BUG-308 desktop collapsed avatar fix strengthened (add explicit attribute + class variants for SpacePanel collapsed state in Element v1.12.20). - SECTION 23: BUG-322 mobile — message field no longer overflows viewport bottom; sidebar lock (overflow-x:hidden on app root prevents horizontal scroll after picking a user from the people-picker); @username vertical alignment. - SECTION 23: BUG-321 mention-pill pointer-events — explicit pointer-events:all to ensure @mention pill clicks reach Element's click handler (not blocked by any parent overflow or pointer-events:none on related elements). v8 — SETTINGS BAR CONTRAST + THEME FOUC + AVATAR CLIP FIXES (Jun 16 2026): - SECTION 10: settings nav active-item contrast (white-on-grey → dark text on cream bg) - SECTION 11: theme-switch FOUC suppressor (brief broken state during link-swap) - SECTION 9C mobile avatar fix improved: collapsed SpacePanel avatar no longer half-clipped v6 — THEME-TOGGLE LIVE FIX (Jun 15 2026, @mehek bug report): ROOT CAUSE (v5 residual): The v5 MutationObserver watched link[data-mx-theme] elements' `disabled` HTML attribute. But Element switches themes by setting link.disabled as a DOM *property* (not setAttribute) — MutationObserver never sees it. Result: body[data-ummahchat-theme] was only set at page-boot (when the attr IS in the HTML), not on live toggle. So toggling light→dark→UmmahChat in the settings panel left body[data-ummahchat-theme] absent → sidebar went cream (Section 2 rules inactive) → broken until hard refresh (which re-boots the correct initial state). FIX (v6): index.html observer now watches body.class attribute changes — Element DOES call classList.add/remove('cpd-theme-light','cpd-theme-dark') on every toggle, so body class IS an attribute mutation the observer catches. syncThemeAttr() reads link.disabled as a DOM property (not attr), which is correct. Also fixes: Section 3 avatar fix — removed the `overflow:visible` override that fought with the inline-style `overflow:hidden` (inline style wins over external CSS). Avatar fix moved into the index.html inline