/* ============================================================================ * ui.css - the RiseLynk shared design-token + component layer. * * WHAT THIS IS * One canonical, dependency-free stylesheet for the office console first, and * reusable by the portal/field later. It carries two things: * 1) TOKENS - named CSS custom properties for the green/dark palette, a * spacing scale, radii, a type scale, and elevation/shadow. * 2) COMPONENTS - opt-in, namespaced classes (rl-btn, rl-field, rl-table, * rl-modal, rl-badge ...) that match the office's current look * so a control can switch to them with zero visual change. * * HOW IT LOADS (same mechanism as the other shared files) * The single-file apps already pull shared JS as classic, absolute-path tags: * * This file is the CSS parallel - link it in BEFORE the app's own * inline