/* ===== النمط الموحد لصفحات الفهرس ===== */
.page-header {
    margin-bottom: 0.75rem;
}

.page-header .page-header-title h5 {
    font-weight: 700;
    margin-bottom: 0.35rem;
}

.index-description {
    color: #6c757d;
    font-size: 0.9rem;
    margin-bottom: 0;
}

.index-toolbar {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.04);
    padding: 0.75rem;
    margin-bottom: 1rem;
}

.index-toolbar .btn {
    min-height: 34px;
}

.index-toolbar .form-control,
.index-toolbar .form-select {
    min-height: 34px;
}

.index-stats .card {
    border-radius: 0.65rem;
}

.index-table-card {
    border-radius: 0.65rem;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.06);
}

.index-table-card .card-header {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 0.85rem 1rem;
}

.index-table-card .card-body {
    padding: 1rem;
}

.index-table-card .table {
    margin-bottom: 0;
}

.index-table-card .table thead th {
    background: #f8f9fa;
    border-bottom-width: 1px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #495057;
    vertical-align: middle;
}

.index-table-card .table tbody td {
    vertical-align: middle;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

/* تحسين مظهر DataTables */
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
    margin-bottom: 0.75rem;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    border: 1px solid #dee2e6;
    border-radius: 0.35rem;
    padding: 0.35rem 0.55rem;
}

.dataTables_wrapper .dataTables_info {
    color: #6c757d;
    font-size: 0.85rem;
    padding-top: 0.85rem;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 0.5rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 0.35rem !important;
    border: 1px solid #dee2e6 !important;
    background: #fff !important;
    color: #495057 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-color: #0d6efd !important;
    background: #0d6efd !important;
    color: #fff !important;
}

.index-empty-state {
    text-align: center;
    color: #6c757d;
    padding: 2.25rem 1rem;
}

.index-empty-state i {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.5rem;
    opacity: 0.55;
}