/*
 * HogPoint Application Styles
 *
 * CSS is organized into layers (see _global.css):
 *   @layer reset, base, components, modules, utilities, native, platform;
 *
 * Files are loaded automatically by Propshaft.
 * Layer order is controlled by the @layer declaration, not file load order.
 *
 * File structure:
 *   _global.css  - CSS variables, layer declaration
 *   reset.css    - CSS reset (@layer reset)
 *   base.css     - Body, links, focus states (@layer base)
 *   banner.css   - .banner component (@layer components)
 *   buttons.css  - .btn component (@layer components)
 *   cards.css    - .card component (@layer components)
 *   cycles.css   - Production cycle history panel (@layer components)
 *   dialog.css   - Modal dialog (@layer components)
 *   icons.css    - Mask-based SVG icons (@layer components)
 *   panels.css   - .panel component (@layer components)
 *   popup.css    - Popup menu items (@layer components)
 *   search.css   - Search form styles (@layer components)
 *   stepper.css  - Qty stepper component (@layer components)
 *   menu.css     - .menubtn component (@layer components)
 *   menu-form.css - .menu-form component (@layer components)
 *   inputs.css   - .input, .switch components (@layer components)
 *   flash.css    - Flash messages (@layer components)
 *   layout.css   - Page layout, containers (@layer components)
 *   sidebar.css  - Two-column sidebar layout (@layer components)
 *   tabs.css     - Tab navigation component (@layer components)
 *   sow_units.css - Sow unit card theming (@layer modules)
 *   pagination.css - Pagination component (@layer components)
 *   profile-layout.css - Profile page layout (@layer components)
 *   qr-codes.css   - QR code sizing (@layer components)
 *   theme-switcher.css - Theme switcher buttons (@layer components)
 *   user.css       - User profile styles (@layer components)
 *   location-tree.css - Location tree accordion (@layer components)
 *   drag_and_drop.css - Drag and drop styling (@layer components)
 *   sow_statistics.css - Sow statistics card theming (@layer modules)
 *   farrowing-list.css - Farrowing list full-height layout (@layer modules)
 *   weaning-list.css - Weaning list full-height layout (@layer modules)
 *   service-list.css - Service list full-height layout (@layer modules)
 *   slaughter-list.css - Slaughter list full-height layout (@layer modules)
 *   utilities.css - Utility classes (@layer utilities)
 */