/* Broker surfaces match the company record: white fills on the page canvas.
   Only outer panels and content cards are flattened. Controls, focus outlines,
   document previews, and the original empty-state drawings keep their details.
   The important layer also wins over older page-specific hover shadows. */
@layer mint-broker-surfaces {
  @media screen {
    body:is([data-broker-page="companies"], [data-broker-page="enrollments"], [data-broker-page="library"]) main.main > .content,
    body[data-broker-page="companies"] main.main #companiesGrid > .company-card,
    body[data-broker-page="library"] main.main :is(.doc-card, .template-card),
    body[data-broker-page="dashboard"] main.main :is(.company-card, .enrollment-card, .empty-companies, .empty-enrollments),
    body:is([data-broker-page="companies"], [data-broker-page="enrollments"], [data-broker-page="library"]) main.main .empty-state {
      border-width: 0 !important;
      box-shadow: none !important;
    }
  }
}