/* One seamless repeat and scale for every workspace canvas. */
html:not([data-theme="dark"]) body:is(
  [data-path="agent"],
  [data-path^="agent/"],
  [data-path^="requester/"],
  [data-path="my-tickets"],
  [data-path="calendar"],
  [data-path="expenses"],
  [data-path="records-center"],
  [data-path="members-disbursements"],
  [data-path="firm-operations"]
):not(.gkl-halloween-mode),
html:not([data-theme="dark"]) body.flo-fixed-agent-sidebar-active {
  background-color: #d7dfe6;
  background-image:
    linear-gradient(rgba(215, 226, 236, .5), rgba(215, 226, 236, .5)),
    url("/assets/flo/images/workspace-silver-diamond.svg?v=20261111-2");
  background-position: left top;
  background-repeat: repeat;
  background-size: auto, 41px 41px;
}

/* These outer canvases otherwise conceal the shared body background. */
html:not([data-theme="dark"]) body[data-path="agent"] .flo-agent-home,
html:not([data-theme="dark"]) body[data-path="requester/thought-box"] .thought-box-page,
html:not([data-theme="dark"]) body.flo-fixed-agent-sidebar-active .page-container,
html:not([data-theme="dark"]) body.flo-fixed-agent-sidebar-active .layout-main-section:has(> .flo-agent-dashboard) {
  background: transparent;
}

/* Account details and add-user forms remain solid reading surfaces. */
html:not([data-theme="dark"]) body[data-path^="agent/admin"] .requester-users-page :is(.user-panel, .user-list, .user-detail) {
  background-color: #fff;
}

/* Dashboard and Open Tickets share the canvas behind their action toolbar. */
html:not([data-theme="dark"]) body.flo-fixed-agent-sidebar-active .page-container:is(
  [data-page-route="Workspaces"],
  [data-page-route="List/Ticket/List"]
) > .page-head {
  background: transparent !important;
  border-bottom: 0;
  box-shadow: none;
}