/* M.O Advertising client portal — shared brand tokens and chrome. */
:root{
  --mo-navy:#0A1F44; --mo-amber:#F5A623;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;
  --color-fg:#1A1F2B; --color-fg-muted:#5B6474; --color-bg:#F6F7F9; --color-panel:#FFFFFF;
  --color-border-line:#E2E5EA; --color-ok:#2A9D8F; --color-warn:#E08E0B; --color-bad:#C9453A;
  --cds-border:#E2E5EA; --cds-chart-axis:#9AA3B2; --cds-chart-grid:#ECEEF2; --cds-chart-muted:#C3C9D3;
  --cds-text-secondary:#5B6474; --cds-surface-popover:#FFFFFF; --cds-shadow-popover:0 6px 24px rgba(10,31,68,.14);
  --cds-dur-slow:.4s; --cds-ease-out:cubic-bezier(.2,.8,.2,1);
  --cds-font-size-caption:.8125rem; --cds-font-size-body:.9375rem; --cds-font-size-heading:1.125rem; --cds-font-size-title:1.375rem;
  --cds-font-weight-medium:600;
  --cds-gap-xs:4px; --cds-gap-sm:8px; --cds-gap-md:12px; --cds-gap-lg:20px; --cds-gap-xl:32px;
  --cds-pad-xs:4px; --cds-pad-sm:8px; --cds-pad-md:12px; --cds-pad-lg:20px; --cds-pad-xl:32px;
  --cds-radius:10px;
}
@media (prefers-color-scheme: dark){
  :root{
    --color-fg:#E8ECF2; --color-fg-muted:#9AA3B2; --color-bg:#12151B; --color-panel:#1A1E26;
    --color-border-line:#2C323D; --cds-border:#2C323D; --cds-chart-axis:#6B7484; --cds-chart-grid:#252A33;
    --cds-chart-muted:#4A515E; --cds-text-secondary:#9AA3B2; --cds-surface-popover:#222833;
    --cds-shadow-popover:0 6px 24px rgba(0,0,0,.5);
  }
}
html,body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans)}
.mo-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1180px;margin:0 auto;padding:14px 16px 0}
.mo-mark{display:flex;align-items:center;gap:10px;color:var(--color-fg);text-decoration:none;font-weight:600;letter-spacing:.01em}
.mo-mark img{height:42px;width:auto;display:block}
.mo-badge{display:inline-grid;place-items:center;min-width:36px;height:30px;padding:0 6px;box-sizing:border-box;border-radius:7px;background:var(--mo-navy);color:var(--mo-amber);font:700 13px/1 var(--font-sans);letter-spacing:.02em}
.mo-bar-r{display:flex;align-items:center;gap:12px}
.mo-updated{font-size:.8125rem;color:var(--color-fg-muted);white-space:nowrap}
@media (max-width:520px){.mo-updated{font-size:.75rem;white-space:normal;text-align:right}}
.mo-signout{font-size:.8125rem;color:var(--color-fg-muted);text-decoration:none;border:1px solid var(--color-border-line);border-radius:999px;padding:6px 12px}
.mo-signout:hover{color:var(--color-fg)}
.mo-root{padding:16px 16px 40px}
.mo-foot{max-width:1180px;margin:0 auto;padding:0 16px 32px;font-size:.75rem;color:var(--color-fg-muted)}
.dash-skeleton{color:transparent;background:linear-gradient(90deg,var(--color-border-line),transparent,var(--color-border-line));background-size:200% 100%;border-radius:6px;animation:mo-sk 1.4s linear infinite}
@keyframes mo-sk{to{background-position:-200% 0}}