/* OutreachOS: small additions on top of Tailwind utilities. */
[x-cloak] { display: none !important; }
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { font-feature-settings: "cv11", "ss01", "ss03"; }
.tabular-nums { font-variant-numeric: tabular-nums; }

/* Thin, quiet scrollbars */
* { scrollbar-width: thin; scrollbar-color: #d4d4d8 transparent; }
.dark * { scrollbar-color: #3f3f46 transparent; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #d4d4d8; border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
.dark ::-webkit-scrollbar-thumb { background: #3f3f46; background-clip: padding-box; }

/* Data-viz tokens (validated categorical slots 1-3, ordinal blue ramp for the funnel) */
.viz, :root {
  --viz-surface: #ffffff; --viz-grid: #f1f1f3; --viz-axis: #a1a1aa; --viz-muted: #a1a1aa; --viz-track: #f4f4f5;
  --viz-1: #2a78d6; --viz-2: #eb6834; --viz-3: #1baf7a;
  --viz-ord-1: #86b6ef; --viz-ord-2: #5598e7; --viz-ord-3: #2a78d6; --viz-ord-4: #1c5cab; --viz-ord-5: #104281;
}
.dark .viz, .dark {
  --viz-surface: #18181b; --viz-grid: #27272a; --viz-axis: #71717a; --viz-muted: #71717a; --viz-track: #27272a;
  --viz-1: #3987e5; --viz-2: #d95926; --viz-3: #199e70;
  --viz-ord-1: #184f95; --viz-ord-2: #1c5cab; --viz-ord-3: #256abf; --viz-ord-4: #3987e5; --viz-ord-5: #6da7ec;
}
.viz-tick { font: 500 11px Inter, ui-sans-serif, system-ui, sans-serif; fill: var(--viz-axis); font-variant-numeric: tabular-nums; }

/* Code editor textarea */
.code-editor { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 12px; line-height: 1.6; tab-size: 2; }

/* Prose for email bodies rendered inside the app */
.email-prose p { margin: 0 0 .75em; }
.email-prose a { color: #4f46e5; text-decoration: underline; }
.email-prose ul { list-style: disc; padding-left: 1.25rem; margin: 0 0 .75em; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* API key fields: masked like passwords but typed as text so password managers never autofill them. */
.secret-input:not(:focus) { -webkit-text-security: disc; }