/* assets/ronnie-ui/mission-control-skin.css — V1066.1 MISSION CONTROL SKIN
 *
 * PRESENTATION-ONLY (same law as the rest of ronnie-ui): this file
 * contains no fetch, no storage, no endpoints, no layout-mechanics
 * changes — it re-themes the existing, contract-protected Mission
 * Control into the Ronnie Home visual family (white / soft-blue,
 * Inter, card language, soft shadows, blue actives).
 *
 * MECHANISM: portal-command.css drives almost everything through the
 * :root token block; overriding the tokens converts the engine
 * wholesale. The remaining hardcoded glass/neon (the #mc-scene
 * cinematic layer and a few inline-styled components) is corrected
 * selector-by-selector below. Decorative atmosphere (scanlines,
 * glows, atmo washes) is neutralized — decoration only, never a
 * control. NO functional element is hidden.
 *
 * The engine, rooms, hooks, endpoints and scripts are untouched —
 * V1066-A mission control contract suite is the proof gate. */

/* ── 1 · TOKENS: the one move that lightens the engine ─────────── */
body.pc-scope {
  color-scheme: light;
  --bg: #F4F7FB;
  --panel: #FFFFFF;
  --panel-2: #FBFCFE;
  --border: #E6ECF4;
  --cyan: #2563EB;
  --cyan-bright: #2563EB;
  --blue: #2563EB;
  --purple: #7C3AED;
  --purple-2: #7C3AED;
  --pink: #DB2777;
  --text: #0F1E3D;
  --text-dim: #3D4E6B;
  --text-mute: #5B6B85;

  --pc-glass: #FFFFFF;
  --pc-glass-strong: #FFFFFF;
  --pc-glass-border: #E6ECF4;
  --pc-glow-cyan: rgba(37, 99, 235, .16);
  --pc-glow-purple: rgba(124, 58, 237, .10);
  --pc-danger: #DC2626;
  --pc-good: #16A34A;
  --pc-warn: #B45309;

  --pc-radius-panel: 18px;
  --pc-radius-console: 16px;

  /* skin-local helpers (rh- family, mirrors ronnie-home) */
  --rh-card: #FFFFFF;
  --rh-line: #E6ECF4;
  --rh-ink: #0F1E3D;
  --rh-mute: #5B6B85;
  --rh-blue: #2563EB;
  --rh-blue-soft: #EAF1FE;
  --rh-blue-ring: #DBE7FD;
  --rh-green: #16A34A;
  --rh-green-soft: #E8F7EE;
  --rh-amber: #B45309;
  --rh-amber-soft: #FCF3E3;
  --rh-red: #DC2626;
  --rh-red-soft: #FDECEC;
  --rh-shadow: 0 1px 2px rgba(15, 30, 61, .05), 0 8px 24px -18px rgba(15, 30, 61, .25);
}

/* ── 2 · PAGE CANVAS ───────────────────────────────────────────── */
body.pc-scope {
  background: var(--bg) !important;
  background-image: none !important;
  color: var(--rh-ink) !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
body.pc-scope * { text-shadow: none !important; }
body.pc-scope ::selection { background: var(--rh-blue-soft); color: var(--rh-ink); }

/* decorative atmosphere layers: presentation-only washes, glows,
 * scanlines. Neutralized — none of these is a control. */
body.pc-scope .mc-atmo,
body.pc-scope .mc-globe-fx,
body.pc-scope .mc-illuminate-spot,
body.pc-scope .mc-greeting-mask,
body.pc-scope .mc-priority-mask { opacity: 0 !important; }
body.pc-scope .mc-brief-display::before,
body.pc-scope .mc-foot-display::before,
body.pc-scope .mc-qa-display::before { display: none !important; }

/* light scrollbars */
body.pc-scope ::-webkit-scrollbar { width: 10px; height: 10px; }
body.pc-scope ::-webkit-scrollbar-thumb { background: #C9D6EA; border-radius: 8px; }
body.pc-scope ::-webkit-scrollbar-track { background: transparent; }

/* ── 3 · PANEL / CARD LANGUAGE (glass → white card) ────────────── */
body.pc-scope .mc-brief-display,
body.pc-scope .mc-qa-display,
body.pc-scope .mc-foot-display,
body.pc-scope .mc-monitor,
body.pc-scope .mc-cover,
body.pc-scope .mc-stage,
body.pc-scope .mc-feed-panel,
body.pc-scope .mc-briefing-panel,
body.pc-scope .mc-priority-overlay,
body.pc-scope .mcp__col,
body.pc-scope .mcp__aside,
body.pc-scope .mcp__chart,
body.pc-scope .render-scene {
  background: var(--rh-card) !important;
  border-color: var(--rh-line) !important;
  box-shadow: var(--rh-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--rh-ink) !important;
}
body.pc-scope .mc-section-title,
body.pc-scope .mcp__title,
body.pc-scope .mcp__head { color: var(--rh-ink) !important; }
body.pc-scope .mc-monitor__label,
body.pc-scope .mc-monitor__sub,
body.pc-scope .mcp__foot,
body.pc-scope .mcp__status { color: var(--rh-mute) !important; }
body.pc-scope .mc-monitor__value,
body.pc-scope .mc-monitor__value--word { color: var(--rh-ink) !important; }
body.pc-scope .mc-monitor__led { box-shadow: 0 0 0 4px rgba(22, 163, 74, .14) !important; }
body.pc-scope .mc-monitor--alert .mc-monitor__value { color: var(--rh-red) !important; }
body.pc-scope .mc-monitor--chip .mc-monitor__label { color: var(--rh-mute) !important; }

/* ── 4 · LEFT RAIL → the Home sidebar treatment ────────────────── */
body.pc-scope .mc-rail {
  background: var(--rh-card) !important;
  border-color: var(--rh-line) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.pc-scope .mc-rail--left { border-right: 1px solid var(--rh-line) !important; }
body.pc-scope .mc-rail--right { border-left: 1px solid var(--rh-line) !important; }
body.pc-scope .mc-rail-toggle {
  background: var(--rh-card) !important;
  border: 1px solid var(--rh-line) !important;
  color: var(--rh-mute) !important;
  box-shadow: var(--rh-shadow) !important;
}
body.pc-scope .mc-rail-status-pill {
  background: #EEF2F8 !important; color: var(--rh-mute) !important;
  border: none !important; box-shadow: none !important; font-weight: 700;
}
body.pc-scope .mc-rail-status-pill--running { background: var(--rh-green-soft) !important; color: var(--rh-green) !important; }
body.pc-scope .mc-rail-status-pill--ready   { background: var(--rh-blue-soft) !important;  color: var(--rh-blue) !important; }
body.pc-scope .mc-rail-status-pill--paused  { background: var(--rh-amber-soft) !important; color: var(--rh-amber) !important; }

/* unified nav + channels: Home nav item language */
body.pc-scope .mc-unified-nav__item,
body.pc-scope .mc-channel {
  background: transparent !important;
  border: none !important;
  border-radius: 10px !important;
  color: var(--rh-mute) !important;
  box-shadow: none !important;
  font-weight: 600;
}
body.pc-scope .mc-unified-nav__item:hover,
body.pc-scope .mc-channel:hover {
  background: #F1F5FB !important;
  color: var(--rh-ink) !important;
}
body.pc-scope .mc-unified-nav__item[aria-current],
body.pc-scope .mc-unified-nav__item.is-active,
body.pc-scope .mc-channel.is-active,
body.pc-scope .mc-channel[aria-current] {
  background: var(--rh-blue-soft) !important;
  color: var(--rh-blue) !important;
  box-shadow: inset 0 0 0 1px var(--rh-blue-ring) !important;
}
body.pc-scope .mc-unified-nav__item--ronnie {
  background: var(--rh-blue-soft) !important;
  color: var(--rh-blue) !important;
}
body.pc-scope .mc-channel-bar {
  background: var(--rh-card) !important;
  border-top: 1px solid var(--rh-line) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ── 5 · BUTTONS / CHIPS / PILLS ───────────────────────────────── */
body.pc-scope .mc-btn,
body.pc-scope .mc-brief-btn {
  background: var(--rh-blue) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  box-shadow: 0 6px 16px -8px rgba(37, 99, 235, .6) !important;
  font-weight: 700;
}
body.pc-scope .mc-btn:hover,
body.pc-scope .mc-brief-btn:hover { filter: brightness(1.06); }
body.pc-scope .mc-btn--ghost,
body.pc-scope .mc-brief-btn--ghost {
  background: #fff !important;
  color: var(--rh-ink) !important;
  border: 1px solid var(--rh-line) !important;
  box-shadow: none !important;
}
body.pc-scope .mc-hero-chip,
body.pc-scope .mcp__pill {
  background: var(--rh-blue-soft) !important;
  color: var(--rh-blue) !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 700;
}
body.pc-scope .mc-corner-badge,
body.pc-scope .mcp__corner {
  background: var(--rh-card) !important;
  color: var(--rh-mute) !important;
  border: 1px solid var(--rh-line) !important;
  box-shadow: var(--rh-shadow) !important;
}

/* ── 6 · FEEDS / LISTS / TABLES / GRIDS ────────────────────────── */
body.pc-scope .mc-feed-list li,
body.pc-scope .mcp__row,
body.pc-scope .mcp__rows > * {
  border-color: var(--rh-line) !important;
  background: transparent !important;
  color: var(--rh-ink) !important;
}
body.pc-scope .mcp__bar { background: var(--rh-blue-soft) !important; }
body.pc-scope .mcp__bar > * { background: var(--rh-blue) !important; }
body.pc-scope .mcp__ring { filter: none !important; }
body.pc-scope .mcp__trend { color: var(--rh-green) !important; }
body.pc-scope .mcp__timer,
body.pc-scope .mcp__caller,
body.pc-scope .mcp__namerow { color: var(--rh-ink) !important; }
body.pc-scope .mcp__wave i { background: var(--rh-blue) !important; }
body.pc-scope .mc-stage__marker {
  background: var(--rh-blue-soft) !important;
  color: var(--rh-blue) !important;
  border: 1px solid var(--rh-blue-ring) !important;
  box-shadow: none !important;
}
body.pc-scope .mc-qa__icon {
  background: var(--rh-blue-soft) !important;
  color: var(--rh-blue) !important;
  border: none !important;
}
body.pc-scope .mc-map-placeholder {
  background: var(--rh-blue-soft) !important;
  border: 1px dashed var(--rh-blue-ring) !important;
  color: var(--rh-mute) !important;
}

/* generic form controls inside the scope */
body.pc-scope input, body.pc-scope select, body.pc-scope textarea {
  background: #fff !important;
  color: var(--rh-ink) !important;
  border-color: var(--rh-line) !important;
}
body.pc-scope input::placeholder, body.pc-scope textarea::placeholder { color: #93A3BD !important; }

/* ── 7 · ROOMS (the pc panel layer) ────────────────────────────── */
/* everything that drank from --pc-glass now renders as a white card
 * via the token override; this backstop catches remaining hardcoded
 * dark surfaces in room containers. */
body.pc-scope [data-room] {
  color: var(--rh-ink);
}
body.pc-scope .pc-skip-link {
  background: var(--rh-card) !important;
  color: var(--rh-blue) !important;
  border-color: var(--rh-line) !important;
}

/* imagery, portraits, brand media: true colors always — never filtered */
body.pc-scope img, body.pc-scope video, body.pc-scope .mcp__portrait, body.pc-scope .render-scene__img {
  filter: none !important;
}