/* 
 Waheed Anwar
 www.bunyaadacademy.com 
 +923214101285
*/
/* base */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';

/* layout */
@import 'layout/container.css';
@import 'layout/header.css';
@import 'layout/sidebar.css';
@import 'layout/footer.css';

/* components */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/badges.css';
@import 'components/alerts.css';
@import 'components/forms.css';
@import 'components/tables.css';
@import 'components/tabs.css';
@import 'components/dropdown.css';
@import 'components/messages.css';
@import 'components/progress.css';

/* pages */
@import 'pages/dashboard.css';
@import 'pages/performance.css';   /* if you split performance separately, otherwise combine */
@import 'pages/syllabus.css';
@import 'pages/tasks.css';
@import 'pages/attendance.css';
@import 'pages/student_attendance.css';

@import 'pages/resource.css';



/* utilities */
@import 'utilities/animations.css';
@import 'utilities/responsive.css';


/* Main container – centers content and sets a max width */
.container,
.main-content > .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%;
}

/* Ensure main content takes full width */
.main-content {
    flex: 1;
    padding: 1.5rem 2rem;
    width: 100%;
    box-sizing: border-box;
}

/* Fix grid to show multiple columns on large screens */
.task-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
    margin-top: 1.5rem;
}

/* Responsive: only switch to single column on small screens */
@media (max-width: 640px) {
    .task-grid {
        grid-template-columns: 1fr;
    }
}