/** Shared horizontal rhythm for navbar + page content (sidebar edge alignment). */
export const dashboardHorizontalPadding = "px-4 sm:px-6"

/** Outer page content area below the navbar. */
export const dashboardContentPadding = `${dashboardHorizontalPadding} py-5 sm:py-6`

/** Vertical spacing between major page sections (header, stats, table). */
export const dashboardContentGap = "gap-5 sm:gap-6"

export const dashboardPageHeaderClass =
  "flex items-start justify-between gap-4 flex-wrap"

export const dashboardStatsGridClass = "grid grid-cols-2 lg:grid-cols-4 gap-4"

export const dashboardTableCardClass =
  "bg-card rounded-2xl border border-border overflow-hidden"

export const dashboardTableToolbarClass =
  "flex items-center gap-3 px-5 py-4 border-b border-border flex-wrap"

export const dashboardTableScrollClass = "overflow-x-auto"