/* ATHAR — black & white app shell (desktop sidebar + topbar). Loaded last. */
html:root.mr-desktop-ui.mr-desktop-ui {
  --fig-sidebar-collapsed-w: 236px; --fig-sidebar-w: 236px;
  --sh-bg: #0a0a0a; --sh-fg: #f2f2f2; --sh-mu: #9a9a9a; --sh-ln: #262626; --sh-hv: #1a1a1a;
}
/* sidebar: always expanded, black */
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar {
  width: 236px !important; flex: 0 0 236px !important; max-width: 236px !important;
  background: var(--sh-bg) !important; color: var(--sh-fg) !important;
  border: 0 !important; border-inline-start: 1px solid var(--sh-ln) !important;
  box-shadow: none !important;
}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item-label,
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-section-label,
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .logout-btn span {
  opacity: 1 !important; visibility: visible !important; max-width: none !important;
  width: auto !important; overflow: visible !important;
}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-section-label {
  color: var(--sh-mu) !important; font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item {
  justify-content: flex-start !important; gap: 12px; padding: 10px 14px !important;
  margin: 2px 10px; border-radius: 4px !important; color: var(--sh-mu) !important;
  background: transparent !important; box-shadow: none !important; border: 0 !important;
}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item .nav-icon-wrap,
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item i { color: inherit !important; background: transparent !important; }
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item:hover { background: var(--sh-hv) !important; color: var(--sh-fg) !important; }
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item.active,
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item[aria-current="page"] {
  background: #fff !important; color: #0a0a0a !important; font-weight: 600;
}
/* brand */
html:root.mr-desktop-ui.mr-desktop-ui #sidebar .rd-side-brand { border-bottom: 1px solid var(--sh-ln) !important; padding: 20px 18px !important; }
html:root.mr-desktop-ui.mr-desktop-ui #sidebar .rd-side-brand img {
  filter: brightness(0) invert(1); height: 28px; width: auto; max-width: 100%; object-fit: contain;
}
html:root.mr-desktop-ui.mr-desktop-ui #sidebar .rd-side-foot { border-top: 1px solid var(--sh-ln) !important; background: transparent !important; color: var(--sh-fg); }
html:root.mr-desktop-ui.mr-desktop-ui #sidebar .logout-btn { color: var(--sh-mu) !important; background: transparent !important; }

/* topbar: flat, hairline */
html:root.mr-desktop-ui.mr-desktop-ui .topbar.unified-banner {
  background: var(--bg, #fff) !important; box-shadow: none !important;
  border-bottom: 1px solid var(--border, #e4e4e4) !important; border-radius: 0 !important;
}
html:root.mr-desktop-ui.mr-desktop-ui .topbar .rd-top-titles h1,
html:root.mr-desktop-ui.mr-desktop-ui .topbar .rd-top-titles .rd-top-title { font-family: 'Readex Pro', 'IBM Plex Sans Arabic', sans-serif; font-weight: 600; }
html:root.mr-desktop-ui.mr-desktop-ui .topbar .topbar-btn { border-radius: 4px !important; box-shadow: none !important; }
html:root.mr-desktop-ui.mr-desktop-ui .topbar-brand-zone .wefaq-logo-slot { display: none !important; }
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item.active .nav-icon-wrap,
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item.active i { color: #0a0a0a !important; }
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item-label {
  display: inline !important; color: inherit !important; font-size: 13.5px; flex: 1; text-align: start;
}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-section-label { display: block !important; padding: 14px 24px 6px; }
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .rd-side-foot *,
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .rd-side-foot { color: var(--sh-fg) !important; }
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .rd-side-foot small,
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .rd-side-foot [class*="mail"],
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .rd-side-foot [class*="sub"] { color: var(--sh-mu) !important; }
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .rd-side-foot [class*="avatar"] { background: #fff !important; color: #0a0a0a !important; }
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item.active .nav-item-label,
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item.active .nav-item-label * { color: #0a0a0a !important; }
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .rd-side-foot [class*="avatar"] *,
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .rd-side-foot [class*="av"] { color: #0a0a0a !important; background: #fff !important; }
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item.active,
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item.active * { -webkit-text-fill-color: #0a0a0a !important; }
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item:not(.active) .nav-item-label { -webkit-text-fill-color: currentColor !important; }
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item.active i::before,
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item.active .nav-icon-wrap i { color: #0a0a0a !important; -webkit-text-fill-color: #0a0a0a !important; opacity: 1 !important; }

/* ===== Desktop topbar — same black bar + square buttons as mobile ===== */
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar.unified-banner{background:#0a0a0a !important;border-bottom:1px solid #262626 !important;color:#f2f2f2}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar .rd-top-titles,html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar .rd-top-titles__title{color:#f2f2f2 !important}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar .rd-top-titles__sub{color:#9a9a9a !important;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.06em}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar .topbar-actions-zone{display:flex;align-items:center;gap:10px}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar #notifBellBtn,
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar #topbarUserMenuBtn{width:36px !important;height:36px !important;min-width:36px !important;padding:0 !important;margin:0 !important;border-radius:4px !important;border:1px solid #3a3a3a !important;background:transparent !important;color:#f2f2f2 !important;display:inline-flex !important;align-items:center;justify-content:center;position:relative;box-shadow:none !important;cursor:pointer;transition:background .15s,border-color .15s}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar #notifBellBtn:hover,
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar #topbarUserMenuBtn:hover{background:#1a1a1a !important;border-color:#f2f2f2 !important}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar #notifBellBtn i{font-size:15px;color:#f2f2f2 !important}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar #topbarUserMenuBtn *:not(img){background:transparent !important;color:#f2f2f2 !important;border-radius:0 !important}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar #topbarUserMenuBtn svg{width:20px;height:20px}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar .mr-topbar-user{display:inline-flex !important}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar #notifBellBtn .notif-bell-count{position:absolute;top:-6px;inset-inline-end:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:3px;background:#fff !important;color:#0a0a0a !important;font-size:10px;font-weight:700;line-height:14px;border:1px solid #0a0a0a;text-align:center}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar #notifBellBtn .notif-bell-count[style*="display:none"],html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar #notifBellBtn .notif-bell-count:empty{display:none !important}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar .rd-h-theme{display:inline-flex;height:36px;border:1px solid #3a3a3a;border-radius:4px;overflow:hidden;background:transparent}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar .rd-h-theme button{width:36px;height:34px;border:0;border-radius:0 !important;background:transparent;color:#9a9a9a !important;cursor:pointer}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar .rd-h-theme button.is-on{background:#f2f2f2;color:#0a0a0a !important}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap header.topbar .rd-h-theme button.is-on i{color:#0a0a0a !important}

/* sidebar badges: same white square badge as the mobile bottom nav */
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item :is(.nav-badge,.nav-item-badge,.badge,[class*="badge"]){background:#fff !important;color:#0a0a0a !important;border:1px solid #0a0a0a !important;border-radius:3px !important;box-shadow:none !important;min-width:18px;height:18px;line-height:16px;font-size:10.5px;font-weight:700;padding:0 5px}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item.active :is(.nav-badge,.nav-item-badge,.badge,[class*="badge"]){background:#0a0a0a !important;color:#fff !important;border-color:#0a0a0a !important}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item{transition:background .15s,color .15s}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item .nav-icon-wrap{width:22px;display:inline-flex;justify-content:center}

/* ===== Desktop notifications page + dropdown ===== */
html:root.mr-desktop-ui.mr-desktop-ui{--nt-sf:#fff;--nt-fg:#0a0a0a;--nt-mu:#5f5f5f;--nt-ln:#e4e4e4;--nt-ln2:#d9d9d9;--nt-hv:#f7f7f7;--nt-on:#0a0a0a;--nt-onf:#fff}
html[data-theme="dark"]:root.mr-desktop-ui.mr-desktop-ui{--nt-sf:#151515;--nt-fg:#f2f2f2;--nt-mu:#a3a3a3;--nt-ln:#262626;--nt-ln2:#303030;--nt-hv:#1c1c1c;--nt-on:#f2f2f2;--nt-onf:#0a0a0a}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-shell{max-width:980px;margin:0 auto;padding:28px 24px 40px;display:flex;flex-direction:column;gap:18px;height:auto !important;background:transparent !important}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-head{display:flex;flex-direction:column;gap:16px;background:transparent !important;border:0 !important;padding:0 !important}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-direction:row;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-back-group{order:2;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-back{width:36px;height:36px;border-radius:4px !important;border:1px solid var(--nt-ln2) !important;background:transparent !important;color:var(--nt-fg) !important;box-shadow:none !important;display:inline-flex;align-items:center;justify-content:center}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-back i{color:var(--nt-fg) !important}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-back__label{color:var(--nt-fg) !important;font-weight:600;font-size:13px}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-back-group:hover .notif-page-back{background:var(--nt-hv) !important;border-color:var(--nt-fg) !important}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-topbar__title{order:1}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-topbar__title::before{content:'NOTIFICATIONS';display:block;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;color:var(--nt-mu);margin-bottom:6px}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-topbar__heading{display:flex;align-items:baseline;gap:12px;margin:0}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-topbar__heading-title{font-family:'Readex Pro','IBM Plex Sans Arabic',sans-serif;font-size:30px;font-weight:600;color:var(--nt-fg) !important}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-topbar__heading .notif-count{font-size:13px;color:var(--nt-mu) !important;background:transparent !important;border:0 !important;padding:0 !important}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-filters{display:flex;flex-wrap:wrap;gap:8px;overflow:visible}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-filter-btn{flex:0 0 auto !important;width:auto !important;height:36px;padding:0 18px;border-radius:4px !important;border:1px solid var(--nt-ln2) !important;background:transparent !important;color:var(--nt-mu) !important;font-weight:600;font-size:13px;box-shadow:none !important;cursor:pointer}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-filter-btn:hover{border-color:var(--nt-fg) !important;color:var(--nt-fg) !important}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-filter-btn.is-active{background:var(--nt-on) !important;color:var(--nt-onf) !important;border-color:var(--nt-on) !important}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-list--page{background:var(--nt-sf) !important;border:1px solid var(--nt-ln2) !important;border-radius:6px !important;box-shadow:none !important;padding:0 !important;overflow:hidden;height:auto !important;max-height:none !important}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-swipe{border-bottom:1px solid var(--nt-ln) !important;background:transparent !important}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-swipe:last-child{border-bottom:0 !important}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-item{background:var(--nt-sf) !important;color:var(--nt-fg) !important;border-radius:0 !important;box-shadow:none !important;padding:16px 20px;gap:14px;align-items:flex-start;transition:background .15s}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-item:hover{background:var(--nt-hv) !important}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-item.unread{background:var(--nt-hv) !important;box-shadow:inset 3px 0 0 var(--nt-on) !important}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-item.unread::before{display:none !important}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-icon{flex:0 0 auto;width:38px;height:38px;border-radius:4px !important;border:1px solid var(--nt-ln2) !important;background:transparent !important;color:var(--nt-fg) !important;display:inline-flex;align-items:center;justify-content:center;box-shadow:none !important}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-icon i{color:var(--nt-fg) !important;font-size:15px}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-title{color:var(--nt-fg) !important;font-weight:600;font-size:14px}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-msg{color:var(--nt-mu) !important;font-size:13px;line-height:1.7}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-time{color:var(--nt-mu) !important;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;margin-top:4px}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-bc-tag{border-radius:3px !important;background:transparent !important;color:var(--nt-mu) !important;border:1px solid var(--nt-ln2) !important;font-size:11px}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-empty{color:var(--nt-mu) !important;padding:56px 0}
html:root.mr-desktop-ui.mr-desktop-ui :is(#tab-notifications,#notifPanel) .notif-empty i{color:var(--nt-ln2) !important;font-size:34px}
/* dropdown from the bell */
html:root.mr-desktop-ui.mr-desktop-ui #notifPanel{background:var(--nt-sf) !important;border:1px solid var(--nt-ln2) !important;border-radius:6px !important;box-shadow:0 12px 32px rgba(0,0,0,.18) !important;overflow:hidden}
html:root.mr-desktop-ui.mr-desktop-ui #notifPanel .notif-header{background:transparent !important;border-bottom:1px solid var(--nt-ln) !important;padding:14px 18px}
html:root.mr-desktop-ui.mr-desktop-ui #notifPanel .notif-header h4{color:var(--nt-fg) !important;font-weight:600;font-size:15px;margin:0}
html:root.mr-desktop-ui.mr-desktop-ui #notifPanel .notif-count{color:var(--nt-mu) !important;font-size:12px}
html:root.mr-desktop-ui.mr-desktop-ui #notifPanel .notif-item{padding:12px 16px}
html:root.mr-desktop-ui.mr-desktop-ui:not([data-theme="dark"]) #appWrap header.topbar .topbar-brand-zone :is(img,svg){filter:brightness(0) invert(1) !important}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-shell{width:100% !important;max-width:980px !important;box-sizing:border-box}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-topbar__title{display:block !important;flex:1 1 auto}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-list--page{flex:0 0 auto !important;min-height:0 !important}

/* ===== Back button (profile + notifications): one rectangular button, arrow + label ===== */
html:root:root:root :is(#tab-profile,#tab-notifications) .notif-page-back-group{
  display:inline-flex !important;align-items:center;gap:8px;height:38px;padding:0 14px 0 16px !important;
  border:1px solid #d9d9d9 !important;border-radius:4px !important;background:transparent !important;color:#0a0a0a !important;
  cursor:pointer;box-shadow:none !important;transition:background .15s,border-color .15s;flex:0 0 auto;width:auto !important}
html[data-theme="dark"]:root:root:root :is(#tab-profile,#tab-notifications) .notif-page-back-group{border-color:#303030 !important;color:#f2f2f2 !important}
html:root:root:root :is(#tab-profile,#tab-notifications) .notif-page-back-group:hover{border-color:#0a0a0a !important;background:#f7f7f7 !important}
html[data-theme="dark"]:root:root:root :is(#tab-profile,#tab-notifications) .notif-page-back-group:hover{border-color:#f2f2f2 !important;background:#1c1c1c !important}
html:root:root:root :is(#tab-profile,#tab-notifications) .notif-page-back-group:focus-visible{outline:2px solid #0a0a0a;outline-offset:2px}
html[data-theme="dark"]:root:root:root :is(#tab-profile,#tab-notifications) .notif-page-back-group:focus-visible{outline-color:#f2f2f2}
html:root:root:root :is(#tab-profile,#tab-notifications) .notif-page-back{width:auto !important;height:auto !important;min-width:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;display:inline-flex;align-items:center}
html:root:root:root :is(#tab-profile,#tab-notifications) .notif-page-back__ico{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;background:transparent !important}
html:root:root:root :is(#tab-profile,#tab-notifications) .notif-page-back i{font-size:12px;color:inherit !important}
html:root:root:root :is(#tab-profile,#tab-notifications) .notif-page-back__label{display:inline !important;font-size:13px;font-weight:600;color:inherit !important;line-height:1}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item.active [class*="badge"], html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .nav-item.active [class*="badge"] *{color:#fff !important;-webkit-text-fill-color:#fff !important}

/* notifications page: the shell scrolls (the redesign made the inner list auto-height, which froze scrolling) */
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-page-shell{height:100% !important;max-height:100% !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%}
html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-list--page,html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-swipe,html:root.mr-desktop-ui.mr-desktop-ui #tab-notifications .notif-item{overscroll-behavior:auto !important}

/* Default user avatar (head + shoulders) — replaces the first-letter initial platform-wide */
.av-def{display:inline-flex;align-items:center;justify-content:center;line-height:0;color:inherit;pointer-events:none}
.av-def svg{width:1.6em;height:1.6em;display:block;stroke:currentColor !important;stroke-width:2;fill:none !important}
.av-def svg *{stroke:currentColor !important;fill:none !important}
/* avatar surface = the banner it sits in; only the silhouette changes: black (light) / grey (dark) */
html:root:root:root :has(> .av-def){background:transparent !important;background-image:none !important;box-shadow:none !important;border-color:transparent !important}
html:root:root:root .av-def{color:#0a0a0a !important}
html[data-theme="dark"]:root:root:root .av-def{color:#8a8a8a !important}
/* always-dark chrome (sidebar / top bar): keep the silhouette visible */
html:root:root:root :is(#sidebar,.topbar,.rd-topbar,.mr-topbar,header) .av-def{color:#a3a3a3 !important}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .rd-side-foot [class*="av"]:has(> .av-def){background:transparent !important;border:0 !important}
html:root.mr-desktop-ui.mr-desktop-ui #appWrap #sidebar .rd-side-foot [class*="av"] .av-def{color:#a3a3a3 !important;background:transparent !important}