/* Services & Stations Dashboard (Insights > Dashboards > Services). Verbatim translation of
   docs/design/dashboards/Services Dashboard.dc.html. Namespaced .sv-root; renders IN the app-shell content
   slot (position:absolute;inset:0 anchored to the shell <main>). Signal token vars are applied to .sv-root
   at runtime (services.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');

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

@keyframes sv-pulse { 0%, 100% { opacity: 1 } 50% { opacity: .35 } }
.sv-root .sv-pulse { animation: sv-pulse 1.6s var(--ease, ease) infinite; }