/**
 * Main CSS Entry Point
 * Imports all modular CSS files in the correct order
 * 
 * Usage: <link rel="stylesheet" href="assets/css/main.css">
 * 
 * For page-specific styles, also include:
 * <link rel="stylesheet" href="assets/css/pages/[page-name].css">
 */

/* === CORE FOUNDATION === */
@import url('variables.css');    /* CSS Custom Properties */
@import url('base.css');         /* Base elements, typography, utilities */

/* === COMPONENT STYLES === */
@import url('components.css');   /* Cards, buttons, badges, forms */
@import url('tables.css');       /* DataTables and table styling */

/* === ADDITIONAL FRAMEWORK SUPPORT === */
/* Bootstrap CSS should be loaded before this file */
/* Font Awesome should be loaded before this file */

/**
 * Page-specific CSS files should be loaded separately:
 * 
 * Dashboard page (main_index.php):
 * <link rel="stylesheet" href="assets/css/pages/dashboard.css">
 * 
 * Login page (login.php):
 * <link rel="stylesheet" href="assets/css/pages/login.css">
 * 
 * FORI Weekly DataTable (index.php):
 * <link rel="stylesheet" href="assets/css/pages/fori.css">
 * 
 * Room Management (rooms_view.php):
 * <link rel="stylesheet" href="assets/css/pages/rooms.css">
 * 
 * Weekly Function Schedule (weekly_function_schedule.php):
 * <link rel="stylesheet" href="assets/css/pages/schedule.css">
 */

/* === GLOBAL OVERRIDES === */
/* Override Bootstrap defaults where necessary */

.container {
    max-width: 1400px !important;
}

/* DataTables Bootstrap integration fixes */
.table.dataTable.table-striped tbody tr.odd {
    background-color: var(--table-odd-row) !important;
}

.table.dataTable.table-striped tbody tr.even {
    background-color: var(--table-even-row) !important;
}

/* Bootstrap modal z-index adjustment */
.modal {
    z-index: var(--z-modal) !important;
}

.modal-backdrop {
    z-index: var(--z-modal-backdrop) !important;
}

/* Ensure tooltips appear above modals */
.tooltip {
    z-index: var(--z-tooltip) !important;
}

/* Fix Bootstrap button focus states */
.btn:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

/* === PRINT STYLES === */
@media print {
    .nav-card,
    .btn,
    .spinner-container,
    .filter-section {
        display: none !important;
    }
    
    .card {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
    
    .table {
        font-size: 0.8rem !important;
    }
    
    body {
        background-color: white !important;
    }
}