/* Global Admin UI/UX Refinements */

/* 1. Full-Width Layout & Spacing Reduction */
.content-header {
    margin-bottom: 0.5rem !important;
}
.content-body .row, .content-body .card {
    margin-bottom: 0.5rem;
}
.card-datatable {
    padding: 0 !important;
}
.card {
    border-radius: 8px !important;
    box-shadow: 0 2px 12px 0 rgba(34, 41, 47, 0.08) !important;
    border: none !important;
}

/* 2. Sidebar Icon Centering */
.main-menu .navigation li > a > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 14px;
}

/* 3. DataTable Toolbar Alignments */
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label {
    margin-bottom: 0;
}
.dt-buttons .btn {
    margin-right: 0.5rem;
    border-radius: 4px;
}
div.dataTables_wrapper .row {
    margin: 0 !important;
    padding: 1rem;
    align-items: center;
}
div.dataTables_wrapper .row:first-child {
    border-bottom: 1px solid #ebe9f1;
}
table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 4. Row Heights & Typography */
.table td, .table th {
    padding: 0.72rem 2rem !important;
    vertical-align: middle;
}
.table thead th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    color: #6e6b7b;
}
.content-header-title {
    font-weight: 600;
    font-size: 1.5rem;
    color: #5e5873;
}

/* 5. Custom Checkbox Alignment */
table.dataTable tbody td.select-checkbox,
table.dataTable thead th.select-checkbox {
    text-align: center;
}