/**
 * rmc-platform-vertical-compact.css — v3.85.0 (2026-05-24)
 * Platform-wide vertical density: collapse dead bands, tighten admin changelists,
 * align operator canvas with v8 200x preview (content hugs header chrome).
 */

/* === Chrome stack z-index ladder (tenant fixed mount + manager bridge) ===
   Bootstrap sticky header = 1030; copilot rail must sit ABOVE pinned tenant
   header/mission chrome so the right column stays clickable (/super/ grid parity).
   Dropdown menus = 1080+; modals = 1055+. */
:root {
  --rmc-shell-header-z: 1030;
  --rmc-shell-sidebar-z: 1020;
  --rmc-copilot-rail-z: 1042;
}

/* === Bleed guard: never render template comment leakage as text ========= */
body.control-plane-shell,
body.admin-manager-shell,
body.portal-body-with-layout {
  /* No-op anchor — documents intent for scanners */
}

/* === Remove workspace card dead zone (sidebar starts at nav catalog) === */
body.control-plane-shell .cp-sidebar .rmc-cockpit-workspace,
body.admin-manager-shell .cp-sidebar .rmc-cockpit-workspace {
  display: none !important;
}

body.control-plane-shell .cp-sidebar-inner,
body.admin-manager-shell .cp-sidebar {
  padding-top: 0.35rem !important;
}

/* === Canvas: collapse empty wrappers (breadcrumb-only void) ============== */
body.control-plane-shell .rmc-app-shell__canvas-body > .container-fluid:empty,
body.control-plane-shell .cp-page-body > .container-fluid:empty,
body.control-plane-shell .cp-layout > main > .w-100:empty,
body.admin-manager-shell .cp-admin-canvas-main > .w-100:empty,
body.admin-manager-shell #content > .w-100:empty {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.control-plane-shell .rmc-app-shell__canvas-body,
body.admin-manager-shell .cp-admin-canvas-main {
  padding-top: 0 !important;
}

body.control-plane-shell .cp-layout {
  padding-top: 0.25rem !important;
  padding-bottom: 0.5rem !important;
}

body.control-plane-shell .breadcrumb,
body.admin-manager-shell .rmc-admin-breadcrumb-nav {
  margin-bottom: 0.35rem !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

body.admin-manager-shell .cp-admin-page-body {
  padding-top: 0.25rem !important;
  padding-bottom: 0.75rem !important;
}

body.admin-manager-shell #content.colM,
body.admin-manager-shell #content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.admin-manager-shell .admin-operator-steering-strip,
body.admin-manager-shell [data-rmc-operator-surface-strip] {
  margin-top: 0 !important;
  margin-bottom: 0.5rem !important;
}

/* MFA / preview cues — slim vertical footprint */
body.admin-manager-shell .preview-cue,
body.control-plane-shell .preview-cue {
  margin-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

/* === /admin/ changelist & inner config surfaces (10x density) =========== */
body.admin-manager-shell #changelist {
  margin-top: 0 !important;
}

body.admin-manager-shell #changelist .changelist-form-container,
body.admin-manager-shell #changelist-form {
  margin-top: 0.35rem !important;
}

body.admin-manager-shell #changelist-filter {
  top: 0;
  border-radius: var(--radius-lg, 16px);
  border: 1px solid var(--hairline);
  box-shadow: var(--elev-1);
}

body.admin-manager-shell .object-tools {
  margin-bottom: 0.5rem !important;
}

body.admin-manager-shell #result_list,
body.admin-manager-shell .results {
  border-radius: var(--radius-lg, 16px);
  overflow: hidden;
  border: 1px solid var(--hairline);
  box-shadow: var(--elev-1);
}

body.admin-manager-shell #result_list thead th,
body.admin-manager-shell .results thead th {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-tertiary);
  background: var(--surface-elevated);
}

body.admin-manager-shell .paginator {
  margin-top: 0.75rem !important;
  font-size: 13px;
}

body.admin-manager-shell .rmc-admin-changelist-header,
body.admin-manager-shell #content h1 {
  margin-top: 0.35rem !important;
  margin-bottom: 0.5rem !important;
}

body.admin-manager-shell .rmc-admin-filter-panel,
body.admin-manager-shell fieldset.module {
  border-radius: var(--radius-lg, 16px);
  border: 1px solid var(--hairline);
  box-shadow: var(--elev-1);
  margin-bottom: 0.75rem !important;
}

body.admin-manager-shell #toolbar,
body.admin-manager-shell .actions,
body.admin-manager-shell .changelist-search {
  margin-top: 0.25rem !important;
  margin-bottom: 0.5rem !important;
}

body.admin-manager-shell #changelist-search input[type="search"],
body.admin-manager-shell #searchbar {
  border-radius: var(--radius-md, 12px);
  border: 1px solid var(--hairline);
  min-height: 2.25rem;
}

body.admin-manager-shell #changelist .actions select,
body.admin-manager-shell #changelist .actions button {
  border-radius: var(--radius-md, 12px);
}

body.admin-manager-shell #result_list tbody tr:hover,
body.admin-manager-shell .results tbody tr:hover {
  background: color-mix(in srgb, var(--surface-elevated) 88%, var(--text-primary) 12%);
}

body.admin-manager-shell .submit-row {
  margin-top: 0.75rem !important;
  padding-top: 0.75rem !important;
  border-top: 1px solid var(--hairline);
}

body.manager-portal-bridge .cp-sidebar .rmc-cockpit-workspace {
  display: none !important;
}

body.manager-portal-bridge .cp-sidebar-inner {
  padding-top: 0.35rem !important;
}

body.manager-portal-bridge .page-wrap > .container-fluid:first-child,
body.manager-portal-bridge #main-content > .container-fluid:first-child {
  padding-top: 0.35rem !important;
}

/* === Footer notebook: right dock, collapsed default ==================== */
.rmc-footer-notebook-anchor {
  display: block;
  min-height: 0;
  padding: 0;
  pointer-events: none;
}

.rmc-footer-notebook-anchor .lx-notebook {
  pointer-events: auto;
}

body[data-rmc-notebook-footer-dock="1"] .rmc-footer-notebook-anchor .lx-notebook[data-rmc-notebook-state="minimized"] {
  width: min(280px, 92vw);
  max-width: 280px;
}

/* === Manager portal bridge: fixed copilot rail (Bootstrap layout) ====== */
body.manager-portal-bridge .rmc-manager-portal-copilot-mount {
  position: fixed;
  top: var(--rmc-app-shell-header-h, 104px);
  right: 0;
  bottom: calc(var(--rmc-operator-footer-height, 56px) + 8px);
  width: var(--rmc-app-shell-copilot-w, var(--rmc-operator-copilot-collapsed-w, 44px));
  z-index: var(--rmc-copilot-rail-z, 1042);
  pointer-events: none;
  overflow: hidden;
}

body.manager-portal-bridge .rmc-manager-portal-copilot-mount .rmc-app-shell__copilot,
body.manager-portal-bridge .rmc-manager-portal-copilot-mount .lx-copilot {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}

body.manager-portal-bridge[data-copilot="expanded"] .rmc-manager-portal-copilot-mount {
  --rmc-app-shell-copilot-w: var(--rmc-copilot-expanded-w, 360px);
  width: var(--rmc-copilot-expanded-w, 360px);
}

body.manager-portal-bridge[data-rmc-copilot-page-help="1"] .rmc-help-contextual-drawer {
  display: none !important;
}

/* The rail is reserved on .portal-layout-wrap, not #main-content: the dual-plane
   theme's `padding` shorthand on #main-content (rmc-theme-experience-dual-plane.css)
   outranks any padding-right here, so a reservation on main never applied and the
   expanded panel covered ~316px of the page. Wrap padding is uncontested
   (Bootstrap's .px-3 is the only rule, hence !important). */
@media (min-width: 1200px) {
  body.manager-portal-bridge .portal-layout-wrap {
    padding-inline-end: calc(var(--rmc-app-shell-copilot-w, var(--rmc-operator-copilot-collapsed-w, 44px)) + 8px) !important;
  }

  body.manager-portal-bridge[data-copilot="expanded"] .portal-layout-wrap {
    padding-inline-end: calc(var(--rmc-copilot-expanded-w, 360px) + 8px) !important;
  }
}

@media (max-width: 1199.98px) {
  body.manager-portal-bridge .rmc-manager-portal-copilot-mount {
    display: none;
  }
}

/* === Tenant canvas: fill the main column (no 1320px left-aligned cap) ===== */
/* design-tokens.css documents the intent as --rmc-shell-max-width:none ("dashboards
   use the full main column between sidebar rails … tenant portal …"), but
   root-base-shell.css re-caps it to 1320px on :root. With .page-wrap's margin-inline:0
   (left-aligned), the tenant canvas hugged the left on wide screens and left dead space
   between the content and the copilot rail. Restore the documented full-column fill for
   the TENANT portal only — the cockpit grids are built to fill (4/6-col snapshot &
   quick-actions, auto-fill wizard grid). Manager / control-plane keep their own cap.
   Safe from overflow: .portal-main-col is overflow-x:clip + min-width:0 and the grids
   use minmax(0, 1fr). */
body.portal-body-with-layout:not(.control-plane-shell) {
  --rmc-shell-max-width: none;
}

/* === Tenant portal bridge: fixed copilot rail (Bootstrap layout) ====== */
/* v4.04.x: tenant copilot rail widened 44 → 56px to match the single-rail
   tenant-admin workspace preview. The tools edge-tab folds into the bottom of
   this same column (see rmc-operator-tools-tray.css, tenant block) so the right
   edge reads as ONE 56px rail. Scoped to the tenant copilot-rail body attribute
   only — the manager grid (data-rmc-notebook-footer-dock) is untouched. The var
   cascades to both the mount width (below) and the main-col padding-right. */
body[data-rmc-tenant-copilot-rail="1"] {
  --rmc-app-shell-copilot-w: var(--rmc-tenant-copilot-collapsed-w, 56px);
}
body[data-rmc-tenant-copilot-rail="1"] .rmc-tenant-portal-copilot-mount {
  position: fixed;
  top: var(--rmc-app-shell-header-h, 72px);
  right: 0;
  bottom: 8px;
  width: var(--rmc-app-shell-copilot-w, 56px);
  max-width: var(--rmc-app-shell-copilot-w, 56px);
  z-index: var(--rmc-copilot-rail-z, 1042);
  pointer-events: none;
  overflow: hidden;
  transition: width var(--motion-slow, 420ms cubic-bezier(0.22, 0.61, 0.36, 1));
}

body[data-rmc-tenant-copilot-rail="1"] .rmc-tenant-portal-copilot-mount .rmc-app-shell__copilot,
body[data-rmc-tenant-copilot-rail="1"] .rmc-tenant-portal-copilot-mount .lx-copilot {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}

body[data-rmc-tenant-copilot-rail="1"][data-copilot="expanded"] .rmc-tenant-portal-copilot-mount,
body[data-rmc-tenant-copilot-rail="1"][data-rmc-copilot-shell="expanded"] .rmc-tenant-portal-copilot-mount {
  --rmc-app-shell-copilot-w: var(--rmc-copilot-expanded-w, 360px);
  width: var(--rmc-copilot-expanded-w, 360px) !important;
  max-width: var(--rmc-copilot-expanded-w, 360px) !important;
}

body[data-rmc-tenant-copilot-rail="1"][data-rmc-copilot-page-help="1"] .rmc-help-contextual-drawer {
  display: none !important;
}

/* The rail is reserved ONCE, on .portal-layout-wrap (rmc-platform-workspace-edge-fit.css
   reads --rmc-tenant-rail-reserve), never on #main-content. #main-content is the page
   scroller: padding there sits INSIDE its scrollbar, so reserving the rail on it put the
   scrollbar under the fixed rail and left a ~60px empty column beside the content. */
body[data-rmc-tenant-copilot-rail="1"] {
  --rmc-tenant-rail-reserve: var(--rmc-app-shell-copilot-w, 56px);
}

body[data-rmc-tenant-copilot-rail="1"] .portal-main-col,
body[data-rmc-tenant-copilot-rail="1"] #main-content {
  padding-right: var(--rmc-workspace-edge-gap, 2px);
}

@media (prefers-reduced-motion: reduce) {
  body[data-rmc-tenant-copilot-rail="1"] .rmc-tenant-portal-copilot-mount,
  body[data-rmc-tenant-copilot-rail="1"] .portal-layout-wrap {
    transition: none;
  }
}

/* xl+ only: the expanded panel reserves space by pushing content. Below
   xl the panel is allowed to OVERLAY (the reserve stays the collapsed rail width)
   so the narrower lg canvas isn't squeezed — the panel is position:fixed, so it
   floats over the right edge instead. */
@media (min-width: 1200px) {
  body[data-rmc-tenant-copilot-rail="1"][data-copilot="expanded"],
  body[data-rmc-tenant-copilot-rail="1"][data-rmc-copilot-shell="expanded"] {
    --rmc-tenant-rail-reserve: var(--rmc-copilot-expanded-w, 360px);
  }
}

/* v4.04.x: rail now shows at lg+ (≥992px) to match the header inline-nav
   breakpoint — was xl+ (≥1200px). Below lg (tablet / mobile) the rail is hidden
   and the tools tab floats free, as before. */
@media (max-width: 991.98px) {
  body[data-rmc-tenant-copilot-rail="1"] .rmc-tenant-portal-copilot-mount {
    display: none;
  }
  body[data-rmc-tenant-copilot-rail="1"] .portal-main-col,
  body[data-rmc-tenant-copilot-rail="1"] #main-content {
    padding-right: 0;
  }
}

/* === Manager /admin/ copilot rail (3rd grid column) ===================== */
body.admin-manager-shell .rmc-app-shell.admin-cp-unified-page {
  grid-template-columns: var(--rmc-app-shell-sidebar-w, clamp(240px, 18vw, 320px)) 1fr var(--rmc-app-shell-copilot-w, var(--rmc-operator-copilot-collapsed-w, 44px));
}

body.admin-manager-shell .rmc-app-shell.admin-cp-unified-page[data-copilot="expanded"] {
  --rmc-app-shell-copilot-w: var(--rmc-copilot-expanded-w, 360px);
}

body.admin-manager-shell .rmc-app-shell__copilot {
  grid-row: 2;
  grid-column: 3;
}

@media (max-width: 1199.98px) {
  body.admin-manager-shell .rmc-app-shell.admin-cp-unified-page {
    grid-template-columns: var(--rmc-app-shell-sidebar-w, clamp(240px, 18vw, 320px)) 1fr;
  }
  body.admin-manager-shell .rmc-app-shell__copilot {
    display: none;
  }
}

/* Floating help drawer hidden when copilot owns page-help */
body.control-plane-shell[data-rmc-copilot-page-help="1"] .rmc-help-contextual-drawer,
body.admin-manager-shell[data-rmc-copilot-page-help="1"] .rmc-help-contextual-drawer {
  display: none !important;
}

/* ============================================================
   v4.02.x — PUSH CONTENT UP (platform-wide, every manager.runmycampus.com page)
   ------------------------------------------------------------
   The page hero (rmc-wcx-hero, e.g. "Platform Command Center") + its top
   margins left a tall dead band between the header chrome and the first real
   content (Platform Pulse, changelists, dashboards). Tighten the hero and zero
   the first-child top margin so content hugs the header — like the v8 200x
   mockup where the dashboard begins right under the header. Compact, NOT
   cramped: real padding is kept, just trimmed. No viewport-lock, no clipping.
   Scope = all manager-host operator shells.
   ============================================================ */
body.control-plane-shell #cp-main-content > *:first-child,
body.admin-manager-shell #cp-main-content > *:first-child,
body[data-rmc-host-kind="manager"]:not(.marketing-surface) #cp-main-content > *:first-child,
body.control-plane-shell .rmc-app-shell__canvas-body > *:first-child,
body.admin-manager-shell .cp-admin-page-body > *:first-child {
  margin-top: 0 !important;
}

/* Slim the world-class page hero on operator surfaces (it's a band, not a
   landing splash here). */
body.control-plane-shell .rmc-wcx-hero,
body.admin-manager-shell .rmc-wcx-hero,
body[data-rmc-host-kind="manager"]:not(.marketing-surface) .rmc-wcx-hero {
  padding: clamp(0.55rem, 1vw, 0.85rem) !important;
  margin-bottom: 0.6rem !important;
}
body.control-plane-shell .rmc-wcx-hero__title,
body.admin-manager-shell .rmc-wcx-hero__title,
body[data-rmc-host-kind="manager"]:not(.marketing-surface) .rmc-wcx-hero__title {
  font-size: clamp(1.3rem, 1.7vw, 1.7rem) !important;
  margin: 0.1rem 0 !important;
  line-height: 1.12 !important;
}
body.control-plane-shell .rmc-wcx-hero__copy,
body.admin-manager-shell .rmc-wcx-hero__copy,
body[data-rmc-host-kind="manager"]:not(.marketing-surface) .rmc-wcx-hero__copy {
  margin-bottom: 0.4rem !important;
}

/* Tighten the canvas/page-body top padding that opens the header gap. */
body.control-plane-shell .cp-page-body,
body.control-plane-shell .cp-canvas-body,
body.admin-manager-shell .cp-page-body {
  padding-top: 0.35rem !important;
}

/* Collapsable cockpit sections (Platform pulse, world map, …) shouldn't carry
   a big top margin on the first band either. */
body.control-plane-shell .cp-content > .rmc-collapsable:first-child,
body.control-plane-shell #cp-main-content > .rmc-collapsable:first-child {
  margin-top: 0 !important;
}

/* ------------------------------------------------------------------
   MEASURED top-gap killers (headless: header bottom 177px, first
   content band 267px = 90px gap). The existing rmc-cp-200x rules only
   pin `.cp-platform-pulse`, but the operator landing uses
   rmc-cockpit-pulse inside cp-page-body — so these contributors were
   never tightened. Reclaim ~65px so the first band hugs the header
   (compact, not cramped — a small 4–6px breath is kept).
   ------------------------------------------------------------------ */
body[data-rmc-shell-main="control-plane"] #cp-main-content,
body[data-rmc-host-kind="manager"]:not(.marketing-surface) #cp-main-content {
  padding-top: 4px !important;          /* was ~17px */
}
/* Empty/idle operator status stack (offline-sync bar is d-none when all
   synced) — kill its dead 16px top margin + collapse the empty wrapper. */
body[data-rmc-shell-main="control-plane"] .rmc-os-status-stack,
body.admin-manager-shell .rmc-os-status-stack {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body[data-rmc-shell-main="control-plane"] .rmc-os-status-stack:not(:has(.rmc-offline-sync-bar:not(.d-none))):not(:has(.rmc-os-payment-readiness-slot:not([hidden]) *)) {
  display: none !important;
}
/* The page-body band carried a 16px top margin above the first card. */
body[data-rmc-shell-main="control-plane"] .cp-page-body,
body[data-rmc-host-kind="manager"]:not(.marketing-surface) .cp-page-body {
  margin-top: 0 !important;
  padding-top: 2px !important;
}
/* Empty breadcrumb/page-header wrapper (height 0 on landing) — no margin. */
body[data-rmc-shell-main="control-plane"] .cp-page-header:empty {
  margin: 0 !important;
}

/* ------------------------------------------------------------------
   /admin/ BACKOFFICE top-gap (measured: header 114 → content 218 = 104px).
   The Unfold breadcrumb carries a 16px top margin (the earlier rule only
   tightened its bottom) and the admin page-body adds top padding. Same
   push-up intent as the control-plane landing, applied to the admin shell
   so the reclaim is truly platform-wide across manager.runmycampus.com.
   ------------------------------------------------------------------ */
body.admin-manager-shell .rmc-admin-breadcrumb-nav {
  margin-top: 2px !important;
}
body.admin-manager-shell .cp-admin-page-body,
body.admin-manager-shell .cp-page-body {
  padding-top: 2px !important;
}
body.admin-manager-shell #cp-main-content {
  padding-top: 4px !important;
}