/* ── Design System Foundation ─────────────────────────────────── */
@import 'components/tokens.css';
@import 'components/base.css';
@import 'components/utilities.css';

/* ── Layout ───────────────────────────────────────────────────── */
@import 'components/layout.css';

/* ── Core Components ──────────────────────────────────────────── */
@import 'components/badges.css';
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/forms.css';
@import 'components/navigation.css';
@import 'components/tables.css';

/* ── Complex Components ───────────────────────────────────────── */
@import 'components/dropdowns.css';
@import 'components/modals.css';
@import 'components/notifications.css';
@import 'components/top-nav.css';

/* ── Data Display ─────────────────────────────────────────────── */
@import 'components/data-display.css';

/* ── State & Interaction ──────────────────────────────────────── */
@import 'components/states.css';
@import 'components/animations.css';

/* ── Responsive ───────────────────────────────────────────────── */
@import 'components/responsive.css';

/* ── App-Specific Styles ──────────────────────────────────────── */
/* NOTE: @import URLs need an explicit ?v= to bust the 30-day cache —
   main.css's own ?v= (newest component mtime) does NOT refresh cached imports.
   Bump the version when editing the imported file. */
@import 'components/public.css?v=10';
@import 'components/products.css';
@import 'components/merchant.css';
@import 'components/cart.css';

/* ── Overrides (must come after all imports) ─────────────────── */
.modal form { display:flex; flex-direction:column; flex:1; min-height:0; overflow:hidden; }
.modal-body .form-fieldset:last-of-type { margin-bottom:0; }