/* ── The homepage's ground, behind the dashboards (owner 2026-10-21: «في صفحات الادمن وداشبورد العميل
   تخلي الباكجرواند زي ما عملت في» the homepage's «اكتشف العقارات») ──────────────────────────────────────
   Near-white with a faint Sadu weave at the edges and a clean middle, exactly as
   Home/home-listings-showcase.css #listings draws it; each screen's own white cards sit on top.
   - Client: the account area — any page whose main column carries the account menu (#accountMenu).
   - Admin: the page column under the header (main.clients > .div > .content, below).
   - Partner: the page column beside the sidebar (Shared/_PartnerLayout.css .Verification > .Page).
*/

.client-site-shell__main:has(#accountMenu),
.Verification > .Page {
    position: relative;
    isolation: isolate;
    background: #fbfaff;
}
.client-site-shell__main:has(#accountMenu)::before,
.client-site-shell__main:has(#accountMenu)::after,
.Verification > .Page::before,
.Verification > .Page::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}
.client-site-shell__main:has(#accountMenu)::before,
.Verification > .Page::before {
    background: url("/images/Home/sadu-pattern.svg") 0 0 / 100px 160px repeat;
    opacity: 0.045;
}
.client-site-shell__main:has(#accountMenu)::after,
.Verification > .Page::after {
    background:
        radial-gradient(ellipse 60% 30% at 50% 0, rgba(183, 160, 230, 0.14), transparent 70%),
        linear-gradient(90deg, rgba(251, 250, 255, 0) 0, rgba(251, 250, 255, 0.85) 18%, rgba(251, 250, 255, 0.85) 82%, rgba(251, 250, 255, 0) 100%);
}
/* A page's own grey surface would cover the ground (the finance and services hubs paint .Content
   #F4F4F4); the page column lets it show, and the screen's white panels stay white on top. */
.Verification > .Page > [data-layer="Content"].Content,
.Verification > .Page > [data-model-id].Content {
    background: transparent;
}

/* The services inbox (its lists, a request's details, the meetings) paints its own flat grey root, which hid
   the ground on those pages (owner 2026-10-24: «مش لاقي الباكجراوند الي طبقتها في الصفحات»). svc-inbox.css
   sets it more than once, so the ground clears it with the same weight the admin column uses. */
.Verification > .Page > .svc-partner-inbox,
.Verification > .Page > .svc-partner-meetings-links {
    background: transparent !important;
}

/* Admin: the page column under the header. `.clients .content` paints #F4F4F4 with !important
   (Shared/_ClientLayout.css), so the ground takes its place with the same weight. */
main.clients > .div > .content {
    position: relative;
    isolation: isolate;
    background-color: #fbfaff !important;
}
main.clients > .div > .content::before,
main.clients > .div > .content::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}
main.clients > .div > .content::before {
    background: url("/images/Home/sadu-pattern.svg") 0 0 / 100px 160px repeat;
    opacity: 0.045;
}
main.clients > .div > .content::after {
    background:
        radial-gradient(ellipse 60% 30% at 50% 0, rgba(183, 160, 230, 0.14), transparent 70%),
        linear-gradient(90deg, rgba(251, 250, 255, 0) 0, rgba(251, 250, 255, 0.85) 18%, rgba(251, 250, 255, 0.85) 82%, rgba(251, 250, 255, 0) 100%);
}

/* Client: the page wrappers that hold the account menu (.profile and its kin paint #F4F4F4) let the
   ground show; the menu and the page's cards are not their ancestors, so they keep their white. */
.client-site-shell__main:has(#accountMenu) *:not(.client-site-shell__main):has(#accountMenu) {
    background-color: transparent;
}