/* Notion-grade CRM design tokens — scoped to .page-crm only */
.page-crm {
  --crm-sidebar-w: 260px;
  --crm-topbar-h: 48px;
  --crm-bg: #fbfbfa;
  --crm-bg-subtle: #f4f4f2;
  --crm-panel: #ffffff;
  --crm-border: rgba(55, 53, 47, 0.09);
  --crm-border-strong: #e6e6e3;
  --crm-text: #191919;
  --crm-text-secondary: #5c5c58;
  --crm-muted: rgba(55, 53, 47, 0.65);
  --crm-hover: rgba(55, 53, 47, 0.06);
  --crm-hover-strong: rgba(55, 53, 47, 0.1);
  --crm-accent: #2383e2;
  --crm-accent-soft: rgba(35, 131, 226, 0.1);
  --crm-shadow-sm: 0 1px 2px rgba(15, 15, 15, 0.04);
  --crm-shadow: rgba(15, 15, 15, 0.05) 0 0 0 1px, rgba(15, 15, 15, 0.06) 0 3px 6px;
  --crm-shadow-lg: 0 16px 48px rgba(15, 15, 15, 0.12);
  --crm-radius: 6px;
  --crm-radius-md: 10px;
  --crm-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --crm-font: "DM Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --crm-mono: "IBM Plex Mono", ui-monospace, monospace;
  background: var(--crm-bg) !important;
  color: var(--crm-text);
  font-family: var(--crm-font);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}