/* ATHAR — black & white mobile / iPad shell + home. Scoped to html.mr-mobile-ui. */
html:root.mr-mobile-ui.mr-mobile-ui { --mb-bar: #0a0a0a; --mb-barfg: #f2f2f2; --mb-barmu: #8a8a8a; }
/* top bar */
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar.unified-banner {
  background: var(--mb-bar) !important; color: var(--mb-barfg) !important; border: 0 !important;
  border-bottom: 1px solid #262626 !important; box-shadow: none !important; backdrop-filter: none !important; border-radius: 0 !important;
}
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar .topbar-clock,
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar .rd-top-titles,
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar i,
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar button { color: var(--mb-barfg) !important; }
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar .rd-h-theme { border: 1px solid #3a3a3a; border-radius: 4px; overflow: hidden; display: inline-flex; background: transparent; }
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar .rd-h-theme button { width: 34px; height: 32px; border: 0; background: transparent; color: var(--mb-barmu) !important; }
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar .rd-h-theme button.is-on { background: #f2f2f2; color: #0a0a0a !important; }
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar .rd-h-theme button.is-on i { color: #0a0a0a !important; }
/* bottom nav */
html:root.mr-mobile-ui.mr-mobile-ui nav#mobileBottomNav.mobile-bottom-nav {
  background: var(--mb-bar) !important; border: 0 !important; border-top: 1px solid #262626 !important;
  box-shadow: none !important; backdrop-filter: none !important; border-radius: 0 !important;
}
html:root.mr-mobile-ui.mr-mobile-ui #mobileBottomNav .mob-nav-item { background: transparent !important; color: var(--mb-barmu) !important; border-radius: 0 !important; box-shadow: none !important; }
html:root.mr-mobile-ui.mr-mobile-ui #mobileBottomNav .mob-nav-item i,
html:root.mr-mobile-ui.mr-mobile-ui #mobileBottomNav .mob-nav-item span { color: inherit !important; }
html:root.mr-mobile-ui.mr-mobile-ui #mobileBottomNav .mob-nav-item.active { color: #fff !important; box-shadow: inset 0 2px 0 #fff !important; }

/* home (reuses desktop role dashboard markup) */
html:root.mr-mobile-ui .rd-mob-dash { padding: 16px 14px 24px; gap: 14px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-h-head h1 { font-size: 24px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-h-row--a,
html:root.mr-mobile-ui .rd-mob-dash .rd-h-row--b { grid-template-columns: 1fr; gap: 14px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-h-card { padding: 16px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-h-hero__row { gap: 14px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-h-ring { width: 104px; height: 104px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-h-ring svg { width: 104px; height: 104px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-h-ring__n { font-size: 28px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-h-stats > div { padding-inline: 8px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-h-stats__v .rd-rl-num { font-size: 22px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-h-stats__l { font-size: 11px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-h-list__r { grid-template-columns: 20px 1fr 70px 34px; gap: 8px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-h-tiles,
html:root.mr-mobile-ui .rd-mob-dash .rd-rl-kpis { grid-template-columns: repeat(3, 1fr); gap: 10px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-rl-kpi { padding: 14px 10px; }
html:root.mr-mobile-ui .rd-mob-dash .rd-rl-kpi__v .rd-rl-num { font-size: 24px; }
/* tables: allow horizontal scroll rather than crushing columns */
html:root.mr-mobile-ui .rd-mob-dash .rd-rl-table { overflow-x: auto; }
html:root.mr-mobile-ui .rd-mob-dash .rd-rl-tr { min-width: 440px; padding: 12px; }
/* iPad */
@media (min-width: 700px) {
  html:root.mr-mobile-ui .rd-mob-dash { padding: 24px 24px 32px; max-width: 980px; margin-inline: auto; }
  html:root.mr-mobile-ui .rd-mob-dash .rd-h-head h1 { font-size: 30px; }
  html:root.mr-mobile-ui .rd-mob-dash .rd-h-row--a { grid-template-columns: 1.15fr 1fr; }
  html:root.mr-mobile-ui .rd-mob-dash .rd-h-row--b { grid-template-columns: 1.3fr 1fr; }
  html:root.mr-mobile-ui .rd-mob-dash .rd-rl-tr { min-width: 0; }
}
/* wordmark on the black bar */
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar .topbar-brand-zone img.wefaq-app-logo { filter: brightness(0) invert(1) !important; opacity: 1 !important; visibility: visible !important; }
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar .topbar-brand-zone { display: flex !important; width: auto !important; flex: 0 0 auto; align-items: center; }
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar .topbar-brand-zone .brand-area { display: flex !important; align-items: center; }
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar .topbar-brand-zone .brand-icon { width: auto !important; height: 26px !important; }
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar .topbar-brand-zone img.wefaq-app-logo { height: 24px !important; width: auto !important; display: block !important; transform: none !important; }
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar #notifBellBtn,
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar #topbarUserMenuBtn { background: #1a1a1a !important; border: 1px solid #333 !important; box-shadow: none !important; }
html:root.mr-mobile-ui.mr-mobile-ui #appWrap header.topbar #topbarUserMenuBtn *:not(img) { background: transparent !important; color: #f2f2f2 !important; }

/* scrolling: the page scrolls inside .main; tabs must size to their content */
html:root.mr-mobile-ui.mr-mobile-ui #appWrap .main{overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}
html:root.mr-mobile-ui.mr-mobile-ui #appWrap .main > .content{height:auto !important;max-height:none !important;min-height:0 !important;overflow:visible !important;flex:0 0 auto !important}
html:root.mr-mobile-ui.mr-mobile-ui #appWrap .content > .tab-content.active{height:auto !important;max-height:none !important;min-height:0 !important;overflow:visible !important;flex:0 0 auto !important}
/* .main is a fixed-height flex row; stretching clipped tall pages — make both blocks so height follows content */
html:root.mr-mobile-ui.mr-mobile-ui #appWrap .main{display:block !important}
html:root.mr-mobile-ui.mr-mobile-ui #appWrap .main > .content{display:block !important}
html:root.mr-mobile-ui.mr-mobile-ui #appWrap .main > .content{padding-bottom:calc(120px + env(safe-area-inset-bottom)) !important}
html:root.mr-mobile-ui.mr-mobile-ui #appWrap .main::after{content:"";display:block;height:calc(56px + env(safe-area-inset-bottom));flex:none}
html:root.mr-mobile-ui.mr-profile-page-active #appWrap .main::after{display:none !important}
html:root.mr-mobile-ui.mr-profile-page-active.mr-profile-page-active #appWrap .main,html:root.mr-mobile-ui.mr-profile-page-active.mr-profile-page-active #appWrap .main > .content{padding-bottom:0 !important;margin-bottom:0 !important}
/* keep the bottom nav on the profile page: one tap leaves it */
html:root.mr-mobile-ui.mr-mobile-ui:has(#tab-profile.active) #appWrap > .app-shell > #mobileBottomNav.mobile-bottom-nav,
html:root.mr-mobile-ui.mr-mobile-ui.mr-profile-page-active #appWrap > .app-shell > #mobileBottomNav.mobile-bottom-nav{display:flex !important;visibility:visible !important;pointer-events:auto !important;opacity:1 !important}
html:root.mr-mobile-ui.mr-profile-page-active #appWrap .main::after{display:block !important}

/* beat legacy per-tab locks such as .main:has(#tab-workflow.active){overflow:hidden} (triple id for specificity) */
html:root.mr-mobile-ui.mr-mobile-ui #appWrap#appWrap#appWrap .main{overflow-y:auto !important;overflow-x:hidden !important;display:block !important;height:auto;max-height:none}
html:root.mr-mobile-ui.mr-mobile-ui #appWrap#appWrap#appWrap .main > .content{overflow:visible !important;height:auto !important;max-height:none !important;display:block !important}
html:root.mr-mobile-ui.mr-mobile-ui #appWrap#appWrap#appWrap .content > .tab-content.active{overflow:visible !important;height:auto !important;max-height:none !important}

.rd-h-row--a.rd-h-row--1{grid-template-columns:1fr !important}
html:root.mr-mobile-ui .rd-mob-dash .rd-h-row--a.rd-h-row--1{grid-template-columns:1fr !important}

/* locations / users / compliance / violations: legacy fixed-height scroll shells collapsed to 0 once .main became a block; let them size to content */
html:root.mr-mobile-ui.mr-mobile-ui:is(.mr-locations-tab-active,.mr-users-tab-active,.mr-cmp-tab-active,.mr-viol-tab-active) #appWrap#appWrap :is(#tab-locations,#tab-departments,#tab-compliance,#tab-violations).tab-content.active,
html:root.mr-mobile-ui.mr-mobile-ui #appWrap#appWrap #tab-reports.tab-content.active,
html:root.mr-mobile-ui.mr-mobile-ui #appWrap#appWrap #tab-reports :is(.panel.wf-panel,.rd-reports-host,#rdReports,.rd-rp-main),
html:root.mr-mobile-ui.mr-mobile-ui:is(.mr-locations-tab-active,.mr-users-tab-active,.mr-cmp-tab-active,.mr-viol-tab-active) #appWrap#appWrap :is(#tab-locations,#tab-departments,#tab-compliance,#tab-violations) :is(.panel.wf-panel,#regionsDeskHost,#usersDeskHost,#violDeskHost,.mr-users-list-wrap,.wf-table-wrap,.rb-regions-scroll,#regionsList,#usersList,#violGrid,#cmpBoard,.cmp-neo-board,.cmp-neo-grid,.mk-cmp-grid--emp,.cmp-neo-pending-wrap,.rd-cmp-board){height:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important;flex:0 0 auto !important}

/* ===== Locations (regions → branches → staff) — B&W, mobile + iPad ===== */
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations{--m-sf:#fff;--m-fg:#0A0A0A;--m-mu:#5F5F5F;--m-ln:#D9D9D9;--m-hv:#F7F7F7;--m-pb:#0A0A0A;--m-pf:#fff}
html[data-theme="dark"]:root.mr-mobile-ui.mr-mobile-ui #tab-locations{--m-sf:#151515;--m-fg:#F2F2F2;--m-mu:#A3A3A3;--m-ln:#303030;--m-hv:#1C1C1C;--m-pb:#F2F2F2;--m-pf:#0A0A0A}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations :is(.rd-loc-stat,.rd-loc-region,.rd-loc-branch){background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rd-loc-region:active{background:var(--m-hv) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations :is(.rd-loc-stat__val,.rd-loc-region__name,.rd-loc-branch__name,.rd-loc-emp__name,.rd-loc-list-title){color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations :is(.rd-loc-stat__lbl,.rd-loc-region__mgr,.rd-loc-region__meta,.rd-loc-branch__sub,.rd-loc-emp__role,.rd-loc-back){color:var(--m-mu) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rd-loc-region__top,html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rd-loc-region__foot,html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rd-loc-branch__staff{border-color:var(--m-ln) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rd-loc-region .rd-loc-ring circle:nth-child(2){stroke:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rd-loc-region .rd-loc-ring__val{color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rd-loc-emp__av{background:var(--m-hv) !important;color:var(--m-fg) !important;border:1px solid var(--m-ln) !important;border-radius:4px !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rd-loc-menu__btn{background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;border-radius:4px !important;color:var(--m-fg) !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rd-loc-menu__pop{background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;box-shadow:0 6px 18px rgba(0,0,0,.18) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rd-loc-menu__item{color:var(--m-fg) !important;border-radius:0 !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rd-loc-menu__item--danger{color:var(--m-fg) !important;font-weight:700}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rd-loc-back{background:transparent !important;border:0 !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations :is(.wf-search,.rb-search,.search-box,#regionsSearch,input[type=search],input[type=text]){border-radius:6px !important;background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;box-shadow:none !important;color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations :is(#br-panel-action-btn,.rb-toolbar button){border-radius:6px !important;background:var(--m-pb) !important;color:var(--m-pf) !important;border:1px solid var(--m-pb) !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations :is(#br-panel-action-btn,.rb-toolbar button) *{color:var(--m-pf) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .figma-search-wrap.wf-search{border-radius:6px !important;border:1px solid var(--m-ln) !important;background:var(--m-sf) !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations #br-search{border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;outline:0 !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .figma-search-wrap button,html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .figma-search-wrap .figma-search-btn{border-radius:4px !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rb-toolbar :is([class*="search"]):not(input):not(button):not(i){border-radius:6px !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rb-toolbar .cmp-neo-search-combo,html:root.mr-mobile-ui.mr-mobile-ui #tab-locations .rb-toolbar .cmp-neo-search-combo__field{border-radius:6px !important;background:var(--m-sf) !important;box-shadow:none !important}

/* ===== Users (mobile + iPad) — B&W ===== */
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments{--m-sf:#fff;--m-fg:#0A0A0A;--m-mu:#5F5F5F;--m-ln:#D9D9D9;--m-hv:#F7F7F7;--m-pb:#0A0A0A;--m-pf:#fff}
html[data-theme="dark"]:root.mr-mobile-ui.mr-mobile-ui #tab-departments{--m-sf:#151515;--m-fg:#F2F2F2;--m-mu:#A3A3A3;--m-ln:#303030;--m-hv:#1C1C1C;--m-pb:#F2F2F2;--m-pf:#0A0A0A}
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments .rd-usr{background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments .rd-usr__name{color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments .rd-usr__row{color:var(--m-mu) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments .rd-usr__role{background:var(--m-hv) !important;color:var(--m-fg) !important;border:1px solid var(--m-ln) !important;border-radius:4px !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments :is(.rd-usr__av-fallback,.rd-usr__av-media){background:var(--m-hv) !important;color:var(--m-fg) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments .rd-usr__dot{border-radius:50% !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments .rd-usr__actions{border-color:var(--m-ln) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments .rd-usr__btn{background:var(--m-sf) !important;color:var(--m-fg) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments .rd-usr__btn--danger{color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments .figma-search-wrap,html:root.mr-mobile-ui.mr-mobile-ui #tab-departments .wf-search{border-radius:6px !important;background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments :is(.users-io-btn,.user-role-dd,.user-role-dd *,.users-filters-toolbar button){border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments .users-filters-toolbar :is(.users-io-btn,button,select){background:var(--m-sf) !important;color:var(--m-fg) !important;border:1px solid var(--m-ln) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-departments .users-filters-toolbar .rp-tool-btn-primary{background:var(--m-pb) !important;color:var(--m-pf) !important;border-color:var(--m-pb) !important}

/* ===== Compliance (mobile + iPad) ===== */
html:root.mr-mobile-ui.mr-mobile-ui #appWrap#appWrap:has(#tab-compliance.active) header.topbar.unified-banner{background:var(--mb-bar) !important;border-bottom:1px solid #262626 !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #appWrap#appWrap:has(#tab-compliance.active) header.topbar .rd-top-titles,html:root.mr-mobile-ui.mr-mobile-ui #appWrap#appWrap:has(#tab-compliance.active) header.topbar .topbar-clock{color:var(--mb-barfg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #appWrap#appWrap #tab-compliance.tab-content.active{padding:0 16px !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-compliance{--m-sf:#fff;--m-fg:#0A0A0A;--m-mu:#5F5F5F;--m-ln:#D9D9D9;--m-hv:#F7F7F7;--m-pb:#0A0A0A;--m-pf:#fff}
html[data-theme="dark"]:root.mr-mobile-ui.mr-mobile-ui #tab-compliance{--m-sf:#151515;--m-fg:#F2F2F2;--m-mu:#A3A3A3;--m-ln:#303030;--m-hv:#1C1C1C;--m-pb:#F2F2F2;--m-pf:#0A0A0A}
html:root.mr-mobile-ui.mr-mobile-ui #tab-compliance :is(.rd-cmp-hero,.rd-cmp-hilo,.rd-cmp-region,.rd-cmp-branch,.rd-cmp-emp,.figma-search-wrap,.wf-status-trigger,.rp-tool-btn,.rd-cmp-row){background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-compliance :is(.rd-cmp-hero__title,.rd-cmp-region__name,.rd-cmp-hilo__name,.rd-cmp-hilo__rate,.rd-cmp-list-title,.rd-cmp-hd h3,.wf-status-trigger__label,.rd-cmp-branch__name,.rd-cmp-emp__name){color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-compliance :is(.rd-cmp-hero__sub,.rd-cmp-region__mgr,.rd-cmp-hilo__lbl,.rd-cmp-hd__eye,.rd-cmp-region__meta){color:var(--m-mu) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-compliance .rd-cmp-region__bar,html:root.mr-mobile-ui.mr-mobile-ui #tab-compliance .rd-cmp-region__bar span{border-radius:0 !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-compliance .rd-cmp-hilo i{color:var(--m-fg) !important}

/* ===== Complaints list (admin/audit, mobile + iPad) — B&W ===== */
html:root.mr-mobile-ui.mr-mobile-ui #tab-complaints{--m-sf:#fff;--m-fg:#0A0A0A;--m-mu:#5F5F5F;--m-ln:#D9D9D9;--m-hv:#F7F7F7;--m-pb:#0A0A0A;--m-pf:#fff}
html[data-theme="dark"]:root.mr-mobile-ui.mr-mobile-ui #tab-complaints{--m-sf:#151515;--m-fg:#F2F2F2;--m-mu:#A3A3A3;--m-ln:#303030;--m-hv:#1C1C1C;--m-pb:#F2F2F2;--m-pf:#0A0A0A}
html:root.mr-mobile-ui.mr-mobile-ui #tab-complaints :is(.rd-cmpl-metric,.rd-cmpl-card,.rd-cmpl-empty,.rd-app-search,.rd-cmpl-date-btn,.rd-cmpl-pdf-btn,.rd-cmpl-filter,.rd-cmpl-item){background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;box-shadow:none !important;color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-complaints .rd-cmpl-filter.is-active{background:var(--m-pb) !important;color:var(--m-pf) !important;border-color:var(--m-pb) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-complaints .rd-cmpl-cta{background:var(--m-pb) !important;color:var(--m-pf) !important;border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-complaints .rd-cmpl-metric__ico{background:var(--m-hv) !important;border:1px solid var(--m-ln) !important;border-radius:4px !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-complaints .rd-cmpl-metric__ico i,html:root.mr-mobile-ui.mr-mobile-ui #tab-complaints .rd-cmpl-pdf-btn i{color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-complaints .rd-cmpl-metric__val{color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-complaints :is(.rd-cmpl-metric__lbl,.rd-cmpl-intro){color:var(--m-mu) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-complaints .rd-app-search__input{border:0 !important;background:transparent !important;box-shadow:none !important}

/* ===== Reports (mobile + iPad) — B&W ===== */
html:root.mr-mobile-ui.mr-mobile-ui #tab-reports{--m-sf:#fff;--m-fg:#0A0A0A;--m-mu:#5F5F5F;--m-ln:#D9D9D9;--m-hv:#F7F7F7;--m-pb:#0A0A0A;--m-pf:#fff}
html[data-theme="dark"]:root.mr-mobile-ui.mr-mobile-ui #tab-reports{--m-sf:#151515;--m-fg:#F2F2F2;--m-mu:#A3A3A3;--m-ln:#303030;--m-hv:#1C1C1C;--m-pb:#F2F2F2;--m-pf:#0A0A0A}
html:root.mr-mobile-ui.mr-mobile-ui #appWrap#appWrap #tab-reports.tab-content.active{padding:0 16px !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-reports :is(.rd-rp-metric,.rd-rp-bars-card,.rd-rp-link){background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-reports .rd-rp-download-btn{background:var(--m-pb) !important;color:var(--m-pf) !important;border:1px solid var(--m-pb) !important;border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-reports .rd-rp-download-btn *{color:var(--m-pf) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-reports :is(.rd-rp-page-head__title,.rd-rp-sec-title,.rd-rp-metric__value,.rd-rp-link__title){color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-reports :is(.rd-rp-page-head__sub,.rd-rp-metric__label,.rd-rp-metric__trend,.rd-rp-link__sub,.rd-rp-bar__lbl,.rd-rp-bar__pct,.rd-rp-link__chev){color:var(--m-mu) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-reports .rd-rp-link__ico{background:var(--m-hv) !important;color:var(--m-fg) !important;border:1px solid var(--m-ln) !important;border-radius:4px !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-reports .rd-rp-link__ico i{color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-reports .rd-rp-bar__track{background:var(--m-hv) !important;border-radius:0 !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-reports .rd-rp-bar__fill{background:var(--m-fg) !important;border-radius:0 !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-reports :is(.figma-search-wrap,.wf-search,input,select,.rd-rp-chip,.rd-rp-filter,button:not(.rd-rp-download-btn)){border-radius:6px !important}

/* ===== Violation types + new violation (رصد) (mobile + iPad) — B&W ===== */
html:root.mr-mobile-ui.mr-mobile-ui :is(#tab-violations,#tab-newTicket){--m-sf:#fff;--m-fg:#0A0A0A;--m-mu:#5F5F5F;--m-ln:#D9D9D9;--m-hv:#F7F7F7;--m-pb:#0A0A0A;--m-pf:#fff}
html[data-theme="dark"]:root.mr-mobile-ui.mr-mobile-ui :is(#tab-violations,#tab-newTicket){--m-sf:#151515;--m-fg:#F2F2F2;--m-mu:#A3A3A3;--m-ln:#303030;--m-hv:#1C1C1C;--m-pb:#F2F2F2;--m-pf:#0A0A0A}
html:root.mr-mobile-ui.mr-mobile-ui #tab-violations :is(.rd-viol-group__card,.rd-viol-row,.rd-ticket-empty,.rd-viol-desk-add){background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;box-shadow:none !important;color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-violations .rd-viol-group__card{padding:0 !important;overflow:hidden}
html:root.mr-mobile-ui.mr-mobile-ui #tab-violations .rd-viol-group__card .rd-viol-row{border:0 !important;border-radius:0 !important;border-bottom:1px solid var(--m-ln) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-violations .rd-viol-group__card .rd-viol-row:last-child{border-bottom:0 !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-violations .rd-viol-desk-add{background:var(--m-pb) !important;color:var(--m-pf) !important;border-color:var(--m-pb) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-violations .rd-viol-desk-add *{color:var(--m-pf) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-violations :is(.rd-viol-row__name,.rd-viol-group__label){color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-violations .rd-desk-menu__btn,html:root.mr-mobile-ui.mr-mobile-ui #tab-violations .rd-loc-menu__btn{background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;border-radius:4px !important;color:var(--m-fg) !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-violations .rd-viol-group__dot{border-radius:0 !important;width:8px;height:8px}

html:root.mr-mobile-ui.mr-mobile-ui #tab-newTicket :is(.rd-nt-form-card,.rd-nt-summary,.mk-form-panel){background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;box-shadow:none !important;color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-newTicket .mk-form-panel{border:0 !important;background:transparent !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-newTicket :is(.figma-search-wrap,.mk-dt-control,.mk-input--ta,.mk-drop,textarea,select,input:not([type=file])){background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;box-shadow:none !important;color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-newTicket :is(.figma-search-input,.mk-dt-control input){border:0 !important;background:transparent !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-newTicket .mk-drop{border-style:dashed !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-newTicket .mk-drop i{background:var(--m-hv) !important;color:var(--m-fg) !important;border:1px solid var(--m-ln) !important;border-radius:4px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-newTicket .mk-form-hd__ico{background:var(--m-pb) !important;color:var(--m-pf) !important;border-radius:4px !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-newTicket .mk-btn{background:var(--m-sf) !important;color:var(--m-fg) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-newTicket .mk-btn--primary{background:var(--m-pb) !important;color:var(--m-pf) !important;border-color:var(--m-pb) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-newTicket :is(.mk-field__lbl,.rd-nt-summary__title){color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-newTicket :is(.mk-field__hint,.rd-nt-summary__row,.is-empty){color:var(--m-mu) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-newTicket .mk-req{color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #appWrap#appWrap #tab-violations button.rd-viol-desk-add{background:var(--m-pb) !important;color:var(--m-pf) !important;border:1px solid var(--m-pb) !important;border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #appWrap#appWrap #tab-violations button.rd-viol-desk-add *{color:var(--m-pf) !important}

/* ===== Complaint detail sheet + new complaint sheet (mobile + iPad) — B&W ===== */
html:root.mr-mobile-ui.mr-mobile-ui :is(#complaintDetailModal,#newComplaintModal){--m-sf:#fff;--m-fg:#0A0A0A;--m-mu:#5F5F5F;--m-ln:#D9D9D9;--m-hv:#F7F7F7;--m-pb:#0A0A0A;--m-pf:#fff}
html[data-theme="dark"]:root.mr-mobile-ui.mr-mobile-ui :is(#complaintDetailModal,#newComplaintModal){--m-sf:#151515;--m-fg:#F2F2F2;--m-mu:#A3A3A3;--m-ln:#303030;--m-hv:#1C1C1C;--m-pb:#F2F2F2;--m-pf:#0A0A0A}
html:root.mr-mobile-ui.mr-mobile-ui #complaintDetailModal .cp-paper-sheet{background:var(--m-sf) !important;color:var(--m-fg) !important;border-radius:12px 12px 0 0 !important}
html:root.mr-mobile-ui.mr-mobile-ui #complaintDetailModal :is(.cp-detail__title,.cp-detail__who,.cp-detail__num){color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #complaintDetailModal .cp-detail__muted{color:var(--m-mu) !important}
html:root.mr-mobile-ui.mr-mobile-ui #complaintDetailModal :is(.cp-detail__kind,.cp-detail__status){background:var(--m-hv) !important;color:var(--m-fg) !important;border:1px solid var(--m-ln) !important;border-radius:4px !important}
html:root.mr-mobile-ui.mr-mobile-ui #complaintDetailModal :is(.cp-detail__desc,.cp-detail__reply,.cp-detail__reply textarea){background:var(--m-hv) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;color:var(--m-fg) !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #complaintDetailModal :is(.cp-detail-print-btn,.cp-detail-close-btn,.cp-mob-attach){background:var(--m-sf) !important;color:var(--m-fg) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #complaintDetailModal .cp-detail__send{background:var(--m-pb) !important;color:var(--m-pf) !important;border:1px solid var(--m-pb) !important;border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #complaintDetailModal .cp-detail__resolve{background:var(--m-sf) !important;color:var(--m-fg) !important;border:1px solid var(--m-fg) !important;border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #complaintDetailModal .cp-detail__resolve *{color:var(--m-fg) !important}

/* ===== Compliance: employee drill avatars + detail sheet (mobile + iPad) — B&W ===== */
html:root.mr-mobile-ui.mr-mobile-ui #tab-compliance :is(.rd-cmp-emp__av,.rd-cmp-emp__avatar,.rd-cmp-emp [class*="__av"]){background:var(--m-hv) !important;color:var(--m-fg) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-compliance :is(.rd-cmp-emp__name,.rd-cmp-emp__title){color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #tab-compliance :is(.rd-cmp-emp__job,.rd-cmp-emp__role,.rd-cmp-emp__sub){color:var(--m-mu) !important}
html:root.mr-mobile-ui.mr-mobile-ui #cmpDetailModal{--m-sf:#fff;--m-fg:#0A0A0A;--m-mu:#5F5F5F;--m-ln:#D9D9D9;--m-hv:#F7F7F7}
html[data-theme="dark"]:root.mr-mobile-ui.mr-mobile-ui #cmpDetailModal{--m-sf:#151515;--m-fg:#F2F2F2;--m-mu:#A3A3A3;--m-ln:#303030;--m-hv:#1C1C1C}
html:root.mr-mobile-ui.mr-mobile-ui #cmpDetailModal .cmp-detail-card{background:var(--m-sf) !important;color:var(--m-fg) !important;border-radius:12px 12px 0 0 !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #cmpDetailModal :is(.rd-cmp-emp-gauge,.rd-cmp-emp-months,.rd-cmp-emp-sev__row){background:var(--m-sf) !important;border:1px solid var(--m-ln) !important;border-radius:6px !important;box-shadow:none !important}
html:root.mr-mobile-ui.mr-mobile-ui #cmpDetailModal :is(.rd-cmp-emp-hd__name,.rd-cmp-emp-sec-hd__title,.rd-cmp-emp-sec-title,.rd-cmp-emp-sev__lbl){color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #cmpDetailModal :is(.rd-cmp-emp-hd__job,.rd-cmp-emp-hd__meta,.rd-cmp-emp-gauge__lbl,.rd-cmp-emp-sec-hd__meta,.rd-cmp-emp-bar__lbl,.rd-cmp-emp-bar__val){color:var(--m-mu) !important}
html:root.mr-mobile-ui.mr-mobile-ui #cmpDetailModal .rd-cmp-emp-bar__fill{background:var(--m-fg) !important;border-radius:0 !important}
html:root.mr-mobile-ui.mr-mobile-ui #cmpDetailModal .rd-cmp-emp-sev__track{background:var(--m-hv) !important;border-radius:0 !important}
html:root.mr-mobile-ui.mr-mobile-ui #cmpDetailModal .rd-cmp-emp-sev__fill{border-radius:0 !important}
html:root.mr-mobile-ui.mr-mobile-ui #cmpDetailModal :is(.modal-close,.btn-close,button.close){border-radius:6px !important;border:1px solid var(--m-ln) !important;background:var(--m-sf) !important;color:var(--m-fg) !important}
html:root.mr-mobile-ui.mr-mobile-ui #cmpDetailModal :is(.rd-cmp-emp-months,.rd-cmp-emp-bar){overflow:visible !important}
html:root.mr-mobile-ui.mr-mobile-ui #cmpDetailModal .rd-cmp-emp-months{padding-bottom:14px !important;min-height:150px}
html:root.mr-mobile-ui.mr-mobile-ui #cmpDetailModal .rd-cmp-emp-bar__lbl{white-space:nowrap}
/* observer home tables have 4 columns: fit the phone width without scrolling */
html:root.mr-mobile-ui .rd-mob-dash .rd-rl-tr[style*="--c:4"] { min-width: 0; }