/* ═══════════════════════════════════════════════════════════════════════════
   admin-proaudit-page.css
   Token bridge — /admin/proaudit/rules inside AdminLayout.

   Problem solved: AdminLayout's MudContainer.pa-4 adds 16px padding around
   @Body. The .audit-rules-page block already owns its own 2rem pad + 1400px
   max-width. Without this file, the left edge sees 16px + 32px = 48px of
   combined indent, breaking alignment with the drawer chrome.

   Scope: ALL selectors are anchored to .audit-rules-page or its container.
   Nothing here bleeds to other admin pages.
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1. Cancel MudContainer padding when it directly wraps our console page.
      The :has() selector is broadly supported (Chrome 105+, Firefox 121+,
      Safari 15.4+). The MudMainContent > .mud-container path matches the
      AdminLayout shell structure exactly. */
.mud-main-content > .mud-container:has(> .audit-rules-page) {
    padding: 0 !important;
}

/* 2. Page-level surface: lift off the raw AdminLayout background.
      --pa-surface-page (#f8f9fb) gives the console a paper-like field
      distinct from the drawer's white chrome. min-height fills the viewport
      below the 64px AppBar so there's no raw grey bleed at the bottom. */
.audit-rules-page {
    background: var(--pa-surface-page, #f8f9fb);
    min-height: calc(100vh - 64px);
    border-top: 1px solid var(--pa-border-default, #e8ecf1);
}

/* 3. Page header breathing room — trim the gap between the AppBar chrome
      and the rule-authoring console title row. The page's own 2rem
      padding-top still applies; this only resets the header's extra margin. */
.audit-rules-page .page-header {
    padding-top: 0;
    margin-bottom: 1.25rem;
}