/**
 * rmc-surface-spacing-contract.css — /super/, /admin/, tenant alignment.
 * Loaded after vertical-density + operational-frame. Personality preserved;
 * only padding, gap, and grid rhythm.
 */

/* --- Operational workbench: archetype OR explicit marker --- */
:is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  ) {
  --rmc-ops-page-pad-y: 0.5rem;
  --rmc-ops-section-gap: 1rem;
}

/* Control plane: nested container-fluid should not stack py-4 on base py-2 */
body.control-plane-shell #cp-main-content
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  )
  > .container-fluid[class*="py-"],
body.control-plane-shell #cp-main-content
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  ).container-fluid[class*="py-"] {
  padding-top: var(--rmc-ops-page-pad-y, 0.5rem) !important;
  padding-bottom: var(--rmc-ops-page-pad-y, 0.5rem) !important;
}

body.control-plane-shell #cp-main-content
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  ) {
  display: flex;
  flex-direction: column;
  gap: var(--rmc-ops-section-gap, 1rem);
}

/* Tenant portal + backend: operational page roots */
body.portal-body-with-layout
  :is(#main-content, .portal-page-body, .rmc-app-shell__canvas-body)
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  ).container-fluid[class*="py-"],
body.backend-shell
  :is(#main-content, .portal-page-body)
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  ).container-fluid[class*="py-"] {
  padding-top: var(--rmc-ops-page-pad-y, 0.5rem) !important;
  padding-bottom: 0.75rem !important;
}

/* Normalize roomy py-4 on operational workbenches (not wizards / open density) */
body.control-plane-shell
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  ):not([data-rmc-density="open"])
  .container-fluid.py-4,
body.portal-body-with-layout
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  ):not([data-rmc-density="open"])
  .container-fluid.py-4,
body.backend-shell
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  ):not([data-rmc-density="open"])
  .container-fluid.py-4 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

body.control-plane-shell
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  ):not([data-rmc-density="open"])
  .container-fluid.py-3,
body.portal-body-with-layout
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  ):not([data-rmc-density="open"])
  .container-fluid.py-3 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.65rem !important;
}

/* KPI / summary strips on tenant + CP operational pages */
body.portal-body-with-layout
  :is(#main-content, .portal-page-body, .rmc-app-shell__canvas-body)
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  )
  .rmc-wcx-summary-strip,
body.backend-shell
  :is(#main-content, .portal-page-body)
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  )
  .rmc-wcx-summary-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  body.portal-body-with-layout
    :is(#main-content, .portal-page-body)
    :is(
      [data-rmc-operational-workbench="1"],
      [data-page-archetype="operational-workbench"]
    )
    .rmc-wcx-summary-strip,
  body.backend-shell
    :is(#main-content, .portal-page-body)
    :is(
      [data-rmc-operational-workbench="1"],
      [data-page-archetype="operational-workbench"]
    )
    .rmc-wcx-summary-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

body.portal-body-with-layout
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  )
  .platform-readiness-strip,
body.backend-shell
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  )
  .platform-readiness-strip {
  grid-template-columns: 1fr !important;
  gap: 0.75rem;
}

/* Readiness / wcx grids inside workbench — prevent sliver columns */
body.portal-body-with-layout
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  )
  :is(.platform-readiness-strip, .rmc-wcx-summary-strip)
  > *,
body.control-plane-shell #cp-main-content
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  )
  :is(.platform-readiness-strip.rmc-wcx-grid, .rmc-wcx-summary-strip)
  > * {
  min-width: 0;
}

/* Admin manager backoffice — align breadcrumb + canvas body */
body.admin-manager-shell[data-rmc-admin-shell="1"] .cp-admin-page-body {
  padding-top: 0.5rem !important;
  padding-bottom: 1rem !important;
}

body.admin-manager-shell[data-rmc-admin-index-v200x="1"] .cp-steering,
body.admin-manager-shell[data-rmc-admin-index-v200x="1"] .cp-kpi-strip {
  margin-left: 0;
  margin-right: 0;
}

/* Platform-wide: compact py-4/py-5 on CP + portal canvas (templates not yet codemodded) */
body.control-plane-shell #cp-main-content .container-fluid.py-4:not([data-rmc-density="open"]),
body.control-plane-shell #cp-main-content .container-fluid.py-5:not([data-rmc-density="open"]),
body.control-plane-shell .cp-page-body .container-fluid.py-4:not([data-rmc-density="open"]),
body.portal-body-with-layout #main-content .container-fluid.py-4:not([data-rmc-density="open"]),
body.portal-body-with-layout .portal-page-body .container-fluid.py-4:not([data-rmc-density="open"]),
body.backend-shell #main-content .container-fluid.py-4:not([data-rmc-density="open"]),
body.admin-manager-shell .cp-admin-page-body .container-fluid.py-4:not([data-rmc-density="open"]) {
  padding-top: 0.5rem !important;
  padding-bottom: 0.65rem !important;
}

/* Collapse double vertical gap between stacked sections */
body.control-plane-shell #cp-main-content > section.mb-4,
body.control-plane-shell #cp-main-content > .row.mb-4,
body.control-plane-shell .cp-page-body > section.mb-4 {
  margin-bottom: 0.75rem !important;
}

body.control-plane-shell #cp-main-content .mb-5,
body.control-plane-shell .cp-page-body .mb-5,
body.portal-body-with-layout #main-content .mb-5 {
  margin-bottom: 1rem !important;
}

body.control-plane-shell #cp-main-content .mt-5,
body.control-plane-shell .cp-page-body .mt-5 {
  margin-top: 1rem !important;
}

/* Nested cp-layout inside padded canvas — zero extra pad */
body.control-plane-shell #cp-main-content > .container-fluid.cp-layout {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  gap: 0.75rem;
}

/* Table toolbars: align btn-sm to frame pill height on workbenches */
body.control-plane-shell #cp-main-content
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  )
  .btn-sm,
body.portal-body-with-layout
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  )
  .btn-sm {
  padding: 0.35rem 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.25;
  border-radius: var(--radius-pill, 999px);
}

/* Page header + operational frame: no double top margin */
body.portal-body-with-layout
  :is(
    [data-rmc-operational-workbench="1"],
    [data-page-archetype="operational-workbench"]
  )
  [data-rmc-operational-center-frame="1"]
  + :is(section, .row, nav, .alert),
body.control-plane-shell #cp-main-content
  [data-rmc-operational-center-frame="1"]
  + :is(section, .row, nav, .alert, .rmc-ops-metrics-grid) {
  margin-top: 0;
}

/* Migration cloud skeleton pages under /super/migration/ */
body.control-plane-shell .rmc-app-shell__canvas-body .rmc-page > .container-fluid.py-4 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

/* Super landing: tight stack between 200x cockpit sections (preview v8 density) */
body.control-plane-shell #cp-main-content > .rmc-collapsable {
  margin-bottom: 0.5rem;
}

body.control-plane-shell #cp-main-content > .rmc-collapsable:last-of-type {
  margin-bottom: 0.75rem;
}

body.control-plane-shell #super-dashboard-main {
  margin-top: 0;
  padding-top: 0.5rem !important;
}

/* Canvas chrome pulse + nav: no double gap under primary pills */
body.control-plane-shell .rmc-cp-canvas-pulse {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

body.control-plane-shell .cp-canvas-chrome-nav {
  gap: 0.35rem;
}

body.control-plane-shell .cp-primary-nav {
  margin-bottom: 0;
  padding-bottom: 0.35rem !important;
}

body.admin-manager-shell[data-rmc-admin-shell="1"] .cp-primary-nav {
  margin-bottom: 0;
  padding-bottom: 0.35rem !important;
}
