/**
 * Pulse App - Main CSS Imports
 * 
 * This file serves as the central import hub for all CSS modules.
 * All styles are organized into separate files for better maintainability.
 */

/* Framework */
@import 'framework/colors.css'; /* Color Palette - Must be imported first */
@import 'framework/buttons.css';
@import 'framework/forms.css';
@import 'framework/toast.css';

/* Pages */
@import 'pages/dashboard.css';
@import 'pages/start.css';

/* Components */
@import 'components/card.css';
@import 'components/card-set.css';
@import 'components/forms.css';
@import 'components/grids.css';
@import 'components/initials-avatar.css';
@import 'components/modals.css';
@import 'components/page-header.css';
@import 'components/panels.css';
@import 'components/sidebar.css';
@import 'components/skeleton-loader.css';

/** Side bar 
.sidebar {
    .navbar {
        background-color: #292d38 ;
        border: none;        
    }

    .nav-scrollable {
        background-color: #484f61;
        padding-top: 20px;

        
        .nav-link-icon, .nav-link-arrow {
            color: #ffffff;
        }
        
        .nav-link-text {
            color: #ffffff;
        }
    }.nav-link.active {
            background-color: aquamarine;
        }
}

.navbar-brand-text {
    color: #FFFFFF;
}

**/


/** Grids 
.gridFilters {
    padding-bottom: 20px;
}
**/
/* this page-title styles don't seem to work in the scoped CSS
.page-title .toolbar a {
    text-decoration: none !important;
    color: #fa5424;
    font-weight: 700;
}

.page-title .links a {
    text-decoration: none !important;
    color: #1c2b36;
    font-weight: 700;
} */