/*
 * Custom Customer Styles
 * ======================
 * 
 * This file is NOT bundled during build and can be modified
 * at customer sites to apply custom styling.
 * 
 * Changes to this file take effect immediately without rebuild.
 * Simply refresh your browser (Ctrl+F5 for hard refresh) to see changes.
 * 
 * This file is loaded LAST to ensure it can override all other styles.
 * 
 * Usage Notes:
 * - Use !important sparingly, prefer higher specificity selectors
 * - Test in both ASPX pages and Vue SPA
 * - Document all customizations with comments
 * - Backup this file before upgrades
 * 
 * For more information, see the Implementation Guide:
 * "Customization > Custom Styling"
 */

/* === CSS Custom Properties (Variables) === */
/* Uncomment and modify to change theme colors:

:root {
    --custom-primary-color: #1976d2;
    --custom-secondary-color: #424242;
    --custom-accent-color: #82b1ff;
}

*/

/* === Vuetify Theme Overrides === */
/* Uncomment to override Vuetify theme colors:

.v-application {
    --v-theme-primary: #1976d2 !important;
    --v-theme-secondary: #424242 !important;
}

*/

/* === Customer Logo / Branding === */
/* Example: Custom header background

.app-header, .v-app-bar {
    background-image: url('/path/to/custom-logo.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
}

*/

/* === Hide Specific Elements === */
/* Example: Hide a feature from the UI

.feature-class-to-hide {
    display: none !important;
}

*/

/* ============================================
   CUSTOMER CUSTOMIZATIONS
   Add your custom CSS rules below this line
   ============================================ */