/* Maya Mission Control surface (Roman, Oct 16 2026): immersive dark depth, glass panels, luminous borders, live blue accents.
   Tokens only from sg-tokens.css; motion only on hover/focus and honours prefers-reduced-motion. */
body {
  background:
    radial-gradient(1200px 600px at 75% -10%, rgba(91, 110, 255, 0.18), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(40, 90, 200, 0.16), transparent 60%),
    var(--sg-bg);
  background-attachment: fixed;
}
.sg-card, .sg-stat, .sg-metric, .sg-attention__item, .sg-inspector, [class*="sgx-card"], [class*="agc-card"] {
  background: color-mix(in srgb, var(--sg-surface) 78%, transparent);   /* glass over the gradient depth */
  border: 1px solid color-mix(in srgb, var(--sg-accent) 22%, transparent);
  backdrop-filter: blur(14px) saturate(130%);
  -webkit-backdrop-filter: blur(14px) saturate(130%);
  box-shadow: 0 0 0 1px rgba(91, 157, 255, 0.04) inset, 0 18px 40px -24px rgba(0, 0, 0, 0.8);
}
.sg-card:hover, .sg-metric:hover, .sg-attention__item:hover {
  border-color: var(--sg-border-strong);
  box-shadow: 0 0 0 1px rgba(91, 157, 255, 0.10) inset, 0 0 24px -6px var(--sg-glow), 0 18px 40px -24px rgba(0, 0, 0, 0.8);
}
h1, h2, .sg-display { letter-spacing: 0.01em; }
.sg-badge--live, [data-badge="LIVE"] { box-shadow: 0 0 12px -2px rgba(95, 208, 138, 0.55); }
@media (prefers-reduced-motion: no-preference) {
  .sg-card, .sg-metric, .sg-attention__item { transition: border-color 0.2s ease, box-shadow 0.2s ease; }
}

/* Claude C's views on the Mission Control surface (Oct 16 integration test: Intelligence and Meetings text was dark on dark, caveat boxes
   cream on cream, Operations detail cards white). agency_c_ui/*.css hard-codes the old light colours and is C's file, so B re-binds them
   here to the theme tokens. The :root:not(paper) prefix outranks C's selectors and leaves the paper theme exactly as C drew it. */
:root:not([data-theme="paper"]) .agc-meetings, :root:not([data-theme="paper"]) .agc-operations, :root:not([data-theme="paper"]) .agc-performance, :root:not([data-theme="paper"]) .agc-recs, :root:not([data-theme="paper"]) .agc-reports, :root:not([data-theme="paper"]) [class^="agc-learning"] { color: var(--sg-text); font-family: var(--sg-font-body); }
:root:not([data-theme="paper"]) .agc-operations .agc-operations-card, :root:not([data-theme="paper"]) .agc-meetings-item, :root:not([data-theme="paper"]) .agc-performance-card, :root:not([data-theme="paper"]) .agc-performance-compare, :root:not([data-theme="paper"]) .agc-performance-formats, :root:not([data-theme="paper"]) .agc-recs-card, :root:not([data-theme="paper"]) .agc-reports-tile, :root:not([data-theme="paper"]) .agc-reports-source, :root:not([data-theme="paper"]) .agc-learning-record, :root:not([data-theme="paper"]) .agc-learning-observations { background: var(--sg-surface-2); border-color: var(--sg-border); color: var(--sg-text); }
:root:not([data-theme="paper"]) .agc-operations .agc-operations-src, :root:not([data-theme="paper"]) .agc-operations .agc-operations-unknown, :root:not([data-theme="paper"]) .agc-meetings-value.agc-meetings-missing, :root:not([data-theme="paper"]) .agc-meetings-source, :root:not([data-theme="paper"]) .agc-meetings-avail, :root:not([data-theme="paper"]) .agc-meetings-nocompare, :root:not([data-theme="paper"]) .agc-performance-note, :root:not([data-theme="paper"]) .agc-performance-when, :root:not([data-theme="paper"]) .agc-performance-age, :root:not([data-theme="paper"]) .agc-performance-metric dt, :root:not([data-theme="paper"]) .agc-performance-metric dd.agc-performance-missing, :root:not([data-theme="paper"]) .agc-recs-state-help, :root:not([data-theme="paper"]) .agc-recs-field dt, :root:not([data-theme="paper"]) .agc-recs-missing, :root:not([data-theme="paper"]) .agc-recs-note, :root:not([data-theme="paper"]) .agc-reports-reason, :root:not([data-theme="paper"]) .agc-reports-note, :root:not([data-theme="paper"]) .agc-reports-value.agc-reports-missing, :root:not([data-theme="paper"]) .agc-reports-change, :root:not([data-theme="paper"]) .agc-learning-step[data-state="pending"] { color: var(--sg-text-muted); }
:root:not([data-theme="paper"]) .agc-meetings-caveat, :root:not([data-theme="paper"]) .agc-performance-caveat, :root:not([data-theme="paper"]) .agc-recs-caveat, :root:not([data-theme="paper"]) .agc-reports-caveat, :root:not([data-theme="paper"]) .agc-learning-caveat { background: var(--sg-warning-soft); color: var(--sg-text); border-left: 4px solid var(--sg-warning); }
:root:not([data-theme="paper"]) .agc-meetings-mode { background: var(--sg-warning-soft); color: var(--sg-warning); border-color: var(--sg-warning); }
:root:not([data-theme="paper"]) .agc-meetings-mode[data-mode="LIVE"] { background: var(--sg-success-soft); color: var(--sg-success); border-color: var(--sg-success); }
:root:not([data-theme="paper"]) .agc-performance-more, :root:not([data-theme="paper"]) .agc-performance-readings-btn, :root:not([data-theme="paper"]) .agc-recs-more, :root:not([data-theme="paper"]) .agc-reports-day-btn, :root:not([data-theme="paper"]) .agc-reports-more, :root:not([data-theme="paper"]) .agc-reports-source-btn, :root:not([data-theme="paper"]) .agc-meetings button:not(.agc-meetings-start), :root:not([data-theme="paper"]) .agc-meetings input, :root:not([data-theme="paper"]) .agc-meetings textarea, :root:not([data-theme="paper"]) .agc-meetings select { background: var(--sg-surface); color: var(--sg-text); border: 1px solid var(--sg-border-strong); border-radius: var(--sg-radius-m); color-scheme: dark; }
:root:not([data-theme="paper"]) .agc-meetings input, :root:not([data-theme="paper"]) .agc-meetings textarea, :root:not([data-theme="paper"]) .agc-meetings button:not(.agc-meetings-start) { min-height: 44px; padding: var(--sg-space-2) var(--sg-space-3); font: inherit; }
:root:not([data-theme="paper"]) .agc-meetings-start { background: var(--sg-accent); color: var(--sg-accent-text); border-color: var(--sg-accent); }
:root:not([data-theme="paper"]) .agc-meetings-start:hover { background: var(--sg-link); }
:root:not([data-theme="paper"]) .agc-recs-badge { background: var(--sg-surface); color: var(--sg-text); border-color: var(--sg-border-strong); }
:root:not([data-theme="paper"]) .agc-recs-badge[data-state="confirmed_decision"] { background: var(--sg-info-soft); }
:root:not([data-theme="paper"]) .agc-recs-badge[data-state="dispatched"] { background: var(--sg-warning-soft); }
:root:not([data-theme="paper"]) .agc-recs-badge[data-state="effect_verified"] { background: var(--sg-success-soft); }
:root:not([data-theme="paper"]) .agc-recs-badge[data-state="measured"] { background: var(--sg-accent); color: var(--sg-accent-text); }
:root:not([data-theme="paper"]) .agc-operations .agc-operations-state, :root:not([data-theme="paper"]) .agc-operations .agc-operations-state-unverified, :root:not([data-theme="paper"]) .agc-operations .agc-operations-state-not_claimed { background: var(--sg-neutral-soft); color: var(--sg-text); }
:root:not([data-theme="paper"]) .agc-operations .agc-operations-state-failed, :root:not([data-theme="paper"]) .agc-operations .agc-operations-state-blocked { background: var(--sg-danger-soft); color: var(--sg-danger); }
:root:not([data-theme="paper"]) .agc-operations .agc-operations-state-verified, :root:not([data-theme="paper"]) .agc-operations .agc-operations-state-effect_verified { background: var(--sg-success-soft); color: var(--sg-success); }
:root:not([data-theme="paper"]) .agc-operations th, :root:not([data-theme="paper"]) .agc-operations td, :root:not([data-theme="paper"]) .agc-performance-formats-table th, :root:not([data-theme="paper"]) .agc-performance-formats-table td { border-bottom-color: var(--sg-border); }
:root:not([data-theme="paper"]) .agc-performance-reading { border-top-color: var(--sg-border); }
:root:not([data-theme="paper"]) .agc-learning-count, :root:not([data-theme="paper"]) .agc-learning-record, :root:not([data-theme="paper"]) .agc-learning-observations { border-color: var(--sg-border-strong); }
:root:not([data-theme="paper"]) .agc-learning-badge, :root:not([data-theme="paper"]) .agc-learning-badge[data-class="retired"] { background: var(--sg-neutral-soft); color: var(--sg-text); }
:root:not([data-theme="paper"]) .agc-learning-badge[data-class="owner_preference"] { background: var(--sg-info-soft); }
:root:not([data-theme="paper"]) .agc-learning-badge[data-class="hypothesis"] { background: var(--sg-accent-soft); }
:root:not([data-theme="paper"]) .agc-learning-badge[data-class="signal"] { background: var(--sg-warning-soft); border-color: var(--sg-warning); }
:root:not([data-theme="paper"]) .agc-learning-badge[data-class="lesson"], :root:not([data-theme="paper"]) .agc-learning-count[data-class="lesson"] { background: var(--sg-success-soft); border-color: var(--sg-success); }
:root:not([data-theme="paper"]) .agc-learning-flag { color: var(--sg-warning); }
:root:not([data-theme="paper"]) .agc-learning-step[data-state="unavailable"] { color: var(--sg-danger); }
:root:not([data-theme="paper"]) .agc-learning-step-link, :root:not([data-theme="paper"]) .agc-performance-link { color: var(--sg-link); }

/* #504 owner override (Oct 16): Home opens with three unmissable working ways to start */
.sgx-start { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sg-space-3); margin: 0 0 var(--sg-space-5); }
.sgx-start__btn { display: flex; flex-direction: column; justify-content: center; gap: 0.25rem; min-height: 5.5rem; padding: 1rem 1.25rem;
  border-radius: var(--sg-radius-l); border: 1px solid var(--sg-border-strong); background: var(--sg-surface);
  color: var(--sg-text); text-decoration: none; transition: transform 0.12s ease, box-shadow 0.12s ease; }
.sgx-start__btn:hover { transform: translateY(-1px); box-shadow: var(--sg-shadow-2), 0 0 24px -8px var(--sg-glow); }
.sgx-start__btn:focus-visible { outline: 3px solid var(--sg-accent); outline-offset: 2px; }
.sgx-start__btn--primary { background: var(--sg-accent); color: var(--sg-accent-text); border-color: var(--sg-accent); }
.sgx-start__label { font-size: 1.2rem; font-weight: 700; line-height: 1.25; }
.sgx-start__sub { font-size: 0.875rem; opacity: 0.85; line-height: 1.35; }
@media (max-width: 760px) {
  .sgx-start { grid-template-columns: 1fr; gap: 0.5rem; }
  .sgx-start__btn { min-height: 3.75rem; padding: 0.75rem 1rem; }
  .sgx-start__label { font-size: 1.05rem; }
  .sgx-start__sub { font-size: 0.8rem; }
}