/**
 * Veeble Client Area — design system entry (hybrid on Lagom 2).
 *
 * Architecture (component-first, no repeated page chrome):
 *  1. tokens      — brand variables (colors, radius, shadow, space)
 *  2. components  — .veeble-* utilities + Lagom bridges
 *                   (panels, forms, buttons, sidebar panels, status, tables)
 *  3. shell       — portal chrome (main area bg, header title size)
 *  4. sidebar-nav — Lagom left app-nav active/hover
 *  5. top-nav     — header icons + Account profile dropdown
 *  6. pageheader  — search-group / breadcrumb tweaks
 *  7. table-list  — shared list/table patterns
 *  8. pages       — ONLY page-unique layout (hero, SolusVM charts, banners…)
 *                   Do not re-declare panel/form/btn styles in page CSS.
 *
 * Bump $veebleAssetVer in core/hooks/hooks.php when deploying.
 */

@import url("veeble-tokens.css");
@import url("veeble-components.css");
@import url("client-shell.css");
@import url("sidebar-nav.css");
@import url("top-nav.css");
@import url("pageheader.css");
@import url("table-list.css");
@import url("veeble-pages.css");