/** Inset around the white card in the main column; aligns header search with the card edge. */
export const DRIVE_MAIN_INSET_X = "px-1 max-sm:px-0"

/** Horizontal inset for public share pages (breadcrumb + card clear screen edges). */
export const PUBLIC_SHARE_INSET_X = "px-4 sm:px-6"

/** Horizontal padding inside the white browser card (breadcrumb, filters, grid, list). */
export const DRIVE_CARD_PAD_X = "px-4"

/** Top padding for content inside the scroll area (not on the scroll container — avoids a gap above sticky headers). */
export const DRIVE_CARD_SCROLL_PT = "pt-3"

/** Space between filter/bulk chrome and file grid or list. */
export const DRIVE_FILTER_CONTENT_GAP = "pb-4"

/** Spacer below scrollable file content — xs clears bottom bar, sm+ adds card breathing room. */
export const DRIVE_SCROLL_END_SPACER_CLASS =
  "shrink-0 h-6 max-sm:h-[calc(5.5rem+env(safe-area-inset-bottom))]"

/** Bouton icône discret (chevron, menu, toolbar). */
export const DRIVE_ICON_BTN =
  "text-muted-foreground hover:bg-mail-nav-hover hover:text-foreground"

/** Ligne racine sidebar drive (Mon Drive, Récents, sections…). */
export const DRIVE_SIDEBAR_ROW_CLASS =
  "group flex min-w-0 items-center rounded-lg text-sm"

/** Colonne chevron / retrait — aligne icônes et libellés entre lignes. */
export const DRIVE_SIDEBAR_CARET_SLOT_CLASS =
  "flex h-7 w-6 shrink-0 items-center justify-center"

/** Corps de ligne (icône + libellé) après la colonne caret. */
export const DRIVE_SIDEBAR_ROW_BODY_CLASS =
  "flex min-w-0 flex-1 items-center gap-2 py-1.5 pr-2"

/** Bouton menu « ⋮ » sur fil d'Ariane / cartes. */
export const DRIVE_MENU_BTN =
  "flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-full text-muted-foreground hover:bg-mail-nav-hover"

/** Bouton menu ouvert. */
export const DRIVE_MENU_BTN_ACTIVE = "bg-mail-nav-hover"

/** Champ recherche header — hauteur fixe (ne pas hériter flex-1 du mail). */
export const DRIVE_SEARCH_INPUT_WRAP_CLASS =
  "relative flex h-12 w-full min-w-0 shrink-0 items-center rounded-full border border-border bg-mail-surface-elevated shadow-sm transition-shadow focus-within:shadow-md"

/** xs full-bleed browser card with rounded corners (mail-style inset on sm+). */
export const DRIVE_BROWSER_CARD_CLASS =
  "flex min-h-0 flex-1 flex-col overflow-hidden rounded-2xl bg-mail-surface shadow-sm max-sm:rounded-none max-sm:shadow-none"