/**
 * Phase 2 — control_plane_skeleton.html (manager host).
 * Replaces inline <style> blocks: brand bridge + horizontal overflow contract.
 * Depends on design-tokens.css (color-base scale).
 */
html[data-surface="control-plane"] {
  /* Operator/control-plane surface: dark navy ground + indigo accent (was navy + gold).
     We DO NOT override --school-primary here anymore — the operator inherits the platform
     indigo (which auto-brightens to var(--color-indigo-400) in dark mode via design-tokens.css), so brand
     buttons, links, and active states look like the rest of the platform.
     --platform-navy stays as the operator's signature dark ground. */
  --platform-navy: var(--color-base-900, var(--cp-ink-canvas)); /* theme-locked-allow: manual-review */
  --platform-gold: var(--school-primary); /* legacy alias — anywhere using --platform-gold now gets indigo */
  /* P3: operator canvas gutter — a single, consistent ~0.2in inset. Previously
     three rules stacked (Bootstrap px-3 on .cp-layout + this token + a second
     inset on #cp-main-content) to ~0.28-0.31in, and the 1.1vw term ballooned to
     32px on wide monitors. The px-3 is removed from the shell and #cp-main-content
     inline padding is zeroed, so this token is now the sole operator gutter. */
  --rmc-cp-shell-pad-x: clamp(16px, 0.6vw, 20px);
  /* UX fix: manager shell was capped at 1440px which left huge dead margins
     on wide monitors (every menu / sidebar / page showed the same narrow
     content strip surrounded by empty light space). Default to fluid (`none`)
     so the layout fills the viewport; operators who want a centered max
     can override via tenant CSS. */
}

html[data-surface="control-plane"],
html[data-surface="control-plane"] body {
  overflow-x: clip;
}

html[data-surface="control-plane"] body .container,
html[data-surface="control-plane"] body main,
html[data-surface="control-plane"] body [role="main"] {
  max-width: 100%;
  min-width: 0;
}

html[data-surface="control-plane"] .cp-layout {
  padding-inline: var(--rmc-cp-shell-pad-x, var(--rmc-shell-pad-x));
  padding-block: var(--rmc-shell-rhythm-y);
  max-width: var(--rmc-shell-max-width);
  margin-inline: 0;
  overflow-x: clip;
}

html[data-surface="control-plane"] .cp-main-col,
html[data-surface="control-plane"] .cp-sidebar-col,
html[data-surface="control-plane"] .cp-shell-content {
  min-width: 0;
}

html[data-surface="control-plane"] .cp-main-col {
  overflow-x: clip;
}