/* Finance Dashboard (Insights > Dashboards > Finance). Verbatim translation of
   docs/design/dashboards/Finance Dashboard.dc.html. Namespaced .fn-root; renders IN the app-shell content
   slot (position:absolute;inset:0 anchored to the shell <main>). Signal token vars are applied to .fn-root
   at runtime (finance.js compositionComplete via dashShared) so light/dark follow the in-page toggle. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

.fn-root, .fn-root * { box-sizing: border-box; }
.fn-root {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  background: var(--bg, #F5F6FB);
  color: var(--text, #1A1D2E);
  -webkit-font-smoothing: antialiased;
}
.fn-root ::selection { background: #C2CCFB; }
.fn-root ::-webkit-scrollbar { width: 10px; height: 10px; }
.fn-root ::-webkit-scrollbar-thumb { background: #cfd4e4; border-radius: 99px; border: 2px solid transparent; background-clip: content-box; }