CSS tokens

ReportKit UI CSS.

CSS tokens & layout

Tokens (`:root`)

Token	Default	Role
`--rk-accent`	`#0b7a4b`	Primary green (CAS)
`--rk-accent-deep`	`#096640`	Hover / emphasis
`--rk-accent-soft`	`#e6f5ee`	Soft fills
`--rk-ink`	`#1f2f38`	Body text
`--rk-muted`	`#5a7385`	Secondary text
`--rk-line`	`#d5dde3`	Borders
`--rk-surface`	`#ffffff`	Cards
`--rk-bg`	`#f4f6f7`	Page background
`--rk-font-body`	Manrope stack	Body
`--rk-font-head`	Sora stack	Titles

Sections (recommended order)

.rk-page-head
.rk-filter-pan (alias .search-pan)
.rk-filter-summary
.rk-kpi-row / .rk-kpi-card
.rk-panel (+ .rk-panel-head / .rk-panel-body / .rk-table-x)
.rk-sync-loading / .rk-async-loading
.rk-send-panel
.rk-howto

Files

css/reportkit.css — canonical rk-* tokens and layout
css/reportkit-compat.css — sales-* / cas-* aliases for design-source hosts

Buttons & actions

.rk-btn / .rk-btn-primary / .rk-btn-ghost
.rk-actions — toolbar cluster
.rk-progress / .rk-progress-bar — async prepare bar