/* ===============================================
   CAVESYNC MAIN STYLESHEET
   =============================================== */

/* Import order is important: variables first, then components, then pages */

/* CSS Variables and custom properties */
@import url('./variables.css');

/* Layout and grid system */
@import url('./layout.css');

/* Reusable components (buttons, cards, forms, etc.) */
@import url('./components.css');

/*
   Page-specific CSS files are now loaded conditionally in the header partial:
   - inventory.css (loaded with useInventoryStyles)
   - products.css (loaded with useProductStyles)
   - alerts.css (loaded with useAlertStyles)
   - homepage.css (loaded with useHomepageStyles)

   This reduces initial CSS bundle size and improves page load performance.
*/

/* Custom Brand Logo */
.app-brand .brand-logo {
    font-size: 2rem !important;
    margin-right: 0.5rem;
}

.app-brand .brand-logo-img {
    width: 40px;
    height: 38px;
    margin-right: 0.5rem;
    vertical-align: middle;
}

.app-brand .brand-name {
    font-weight: 700;
}