body {
}

/* Buttons */
.nhs-btn {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--nhs-transition-normal);
}

.nhs-btn-primary {
    background: linear-gradient(135deg, var(--nhs-orange-primary), var(--nhs-gold));
    color: white;
}

.nhs-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--nhs-shadow-lg);
}

/* Cards */
.nhs-card {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.4), rgba(15, 23, 42, 0.4));
    backdrop-filter: blur(8px);
    border-radius: 16px;
    border: 1px solid var(--nhs-border-light);
    padding: var(--nhs-spacing-lg);
    box-shadow: var(--nhs-shadow-md);
}

/* Section Headers */
.nhs-section-header {
    display: flex;
    align-items: center;
    gap: var(--nhs-spacing-sm);
    margin-bottom: var(--nhs-spacing-lg);
}

.nhs-section-accent {
    width: 4px;
    height: 32px;
    border-radius: 2px;
    background: linear-gradient(to bottom, var(--nhs-orange-primary), var(--nhs-gold));
}

.nhs-section-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--nhs-text-primary);
    margin: 0;
}

/* Loading States */
.nhs-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    color: var(--nhs-text-secondary);
}

/* Add MudBlazor component overrides here */

/* MudDataGrid/MudTable - Header Styling */
.mud-table-head {
    background: linear-gradient(135deg, #2c3e50 0%, #0c65a0 100%) !important;
}

.mud-table-head .mud-table-cell {
    color: white !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 3px solid rgba(255, 255, 255, 0.3) !important;
    padding: 1rem !important;
}

/* MudDataGrid - White Text for Data Pages */
.centered-grid .mud-table-cell,
.centered-grid .mud-table-head .mud-table-cell,
.centered-grid .mud-table-pagination,
.centered-grid .mud-table-pagination .mud-button-root {
    color: white !important;
}

/* MudDataGrid - Links */
.centered-grid .mud-link {
    /*color: #60a5fa !important;*/
    color: white !important;
    text-decoration: underline;
}

.centered-grid .mud-link:hover {
    color: #93c5fd !important;
}

/* MudDataGrid - Pagination */
.mud-pagination .mud-button.mud-button-filled {
    background: linear-gradient(135deg, #2c3e50 0%, #0c65a0 100%) !important;
    color: white !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.mud-table-pagination .mud-button-root:hover {
    background: #0c65a0 !important;
    color: white !important;
}

/* MudDataGrid - Border Radius Fix */
.mud-table-container,
.data-grid-wrapper .mud-table-container,
.mud-table-root,
.data-grid-wrapper .mud-table-root,
.mud-data-grid,
.centered-grid {
    border-radius: 8px !important;
    overflow: hidden !important;
}

.mud-table-footer,
.mud-table-pagination,
.mud-table-pagination-toolbar {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    overflow: hidden !important;
}

/* Striped row background color */
.mud-table-striped tbody tr:nth-child(odd) td {
    /*background-color: rgba(12, 101, 160, 0.15) !important;*/ /* subtle blue tint */
    background-color: #333333 !important; /* subtle blue tint */
    /*background-color: DarkGrey !important; */ /* subtle blue tint */
}

/* Even rows (default white/transparent) */
.mud-table-striped tbody tr:nth-child(even) td {
    background-color: transparent !important;
}

/* ========================================
   MudDataGrid - Palette Variable Overrides
   Scoped to .centered-grid only
   ======================================== */
.centered-grid {
    /* Base row background (even rows) */
    /*--mud-palette-surface: #1e2a38;*/
    /*--mud-palette-surface: #1e1e1e;*/
    --mud-palette-surface: #666666;
    
    /* Striped odd row background */
    /*--mud-palette-table-striped: #333333;*/
    /*--mud-palette-table-striped: #2d2d2d;*/
    --mud-palette-table-striped: #555555;
    
    /* Row hover background */
    /*--mud-palette-table-hover: rgba(12, 101, 160, 0.35);*/
    --mud-palette-table-hover: rgba(0, 51, 102, 0.35);
    /*--mud-palette-table-hover: #003366;*/
}

/* Striped row background color */
/*.mud-table-striped tbody tr:nth-child(odd) td {
    background-color: var(--mud-palette-table-striped) !important;
}*/

/* Even rows */
/*.mud-table-striped tbody tr:nth-child(even) td {
    background-color: var(--mud-palette-surface) !important;*/
}

/* MudDataGrid - Font Override */
.centered-grid .mud-table-cell {
    font-family: "Arial", "Helvetica", "Roboto", sans-serif; /* change to your preferred font */
    font-size: 0.875rem;
    font-weight: 400;
}

/* Header cells already have font-weight: 700 from your existing rule */
.stats-pager .mud-table-pagination-toolbar {
    flex-wrap: wrap;
    height: auto;
    row-gap: 4px;
    justify-content: center;
}