/* Written by Richard Christopher, Copyright 2026 Mindfull */
:root { color-scheme: light; font: 14px/1.5 ui-sans-serif, system-ui, sans-serif;
  color: #0f172a; background: #f8fafc; }
/* The UI kit's tokens for the light regions this page draws: the session status and Momentum's personal settings. The kit's
   defaults are its dark theme. Not on :root: the Manifest frame themes its own regions, its dark sidebar on those defaults
   (tests/product-tokens.test.mjs). */
[data-activity-product-page] > section, [data-activity-personal], [data-activity-migration-panel] {
  --cc-text: #0f172a; --cc-text-muted: #475569; --cc-accent: #1d4ed8; --cc-ui-on-accent: #ffffff;
  --cc-input-bg: #ffffff; --cc-input-border: #64748b;
  --cc-btn-text: #1d4ed8; --cc-btn-bg: #eff6ff; --cc-btn-bg-hover: #dbeafe; --cc-btn-border: #2563eb;
  --cc-tone-danger: #b91c1c; --cc-tone-warning: #92400e; }
* { box-sizing: border-box; }
body { margin: 0; }
#product { min-width: 0; }
[data-activity-application] { display: flex; flex-direction: column; min-height: 100dvh; min-width: 0; }
[data-activity-view] { position: relative; flex: 1; min-height: 70dvh; min-width: 0; }
[data-activity-view] > [data-activity-momentum] { position: absolute; inset: 0; }
[data-activity-application] > p:empty { display: none; }
[hidden] { display: none !important; }
.activity-product-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: .75rem; padding: .75rem 1.5rem; color: #f8fafc; background: #0f172a; }
.activity-product-header nav { display: flex; gap: 1rem; }
.activity-product-header a { color: #cbd5e1; text-decoration: none; }
.activity-product-header a:hover { color: white; text-decoration: underline; }
[data-activity-product-page] > section { padding: .75rem 1.5rem; border-bottom: 1px solid #e2e8f0; background: white; }
[data-activity-product-page] > section button { margin: .5rem .75rem 0 0; }
#connection-status { padding: 1rem 1.5rem; color: #9a3412; background: #fff7ed; }
#connection-status:empty { display: none; }
button, input, select, textarea { font: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible, a:focus-visible {
  outline: 3px solid #3b82f6; outline-offset: 3px; }
@media (max-width: 640px) { .activity-product-header { padding: .75rem; }
  [data-activity-product-page] > section { padding: .75rem; } }