export const FORM_SELECT_CLASS =
  'form-select appearance-none rounded border border-border bg-background-card text-text-primary ps-3 pe-10 py-1 text-sm disabled:opacity-60 focus:outline-none focus:ring-2 focus:ring-primary/35';

/** Same shell as select fields but without the CSS chevron (date picker uses a button icon). */
export const FORM_DATE_INPUT_CLASS = `${FORM_SELECT_CLASS} form-select-no-chevron text-start`;

/** Tiny selects (e.g. sort direction) — symmetric padding, no chevron gutter. */
export const FORM_SELECT_COMPACT_CLASS =
  'form-select form-select-no-chevron appearance-none rounded border border-border bg-background-card text-text-primary px-2 py-1 text-sm text-center disabled:opacity-60 focus:outline-none focus:ring-2 focus:ring-primary/35';

/** Lab task status control — larger tap target on small screens. */
export const LAB_TASK_STATUS_SELECT_CLASS = `${FORM_SELECT_CLASS} h-[44px] w-full py-2 text-base font-medium sm:h-9 sm:py-1 sm:text-sm sm:max-w-none`;
