/** Shared responsive grid classes for the Overview page. */
export const OVERVIEW_STACK_CLASS = 'flex flex-col gap-3.5'
export const OVERVIEW_PAIR_GRID_CLASS = 'grid grid-cols-1 items-stretch gap-3 lg:grid-cols-2'
export const OVERVIEW_WIDGET_GRID_CLASS = 'grid grid-cols-1 items-stretch gap-3 md:grid-cols-2 xl:grid-cols-4'

/** Stretch short overview cards to the full height of their grid row. */
export const OVERVIEW_FILL_CARD_CLASS = 'flex h-full min-h-0 flex-col'
export const OVERVIEW_FILL_BODY_CLASS = 'flex min-h-0 flex-1 flex-col'
export const SCOREBOARD_GRID_CLASS = 'grid grid-cols-1 items-start gap-3 sm:grid-cols-2 lg:grid-cols-3'

/** Scrollable KV lists so one tall card does not stretch the whole row. */
export const OVERVIEW_KV_SCROLL_CLASS = 'max-h-80 overflow-y-auto pr-1'