/* "وَقُولُوا لِلنَّاسِ حُسْنًا" - البقرة: 83 */
/* خط Cairo لكل النظام، مع بدائل احتياطية إن تعذّر تحميله من الإنترنت */
body, .btn, .form-control, .form-select, .table {
    font-family: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
}

body {
    background-color: #f5f6f8;
}

table td, table th {
    vertical-align: middle;
}

/* عدد السطور بانتظار ClientId: برتقالي داكن واضح على الأبيض وعلى خلفية الصف الأخضر (بدل الأصفر الباهت text-warning) */
.text-pending {
    color: #b45309 !important;
}

/* رؤوس الأعمدة القابلة للترتيب: مؤشر يد، وسهم يوضح اتجاه الترتيب الحالي */
table.sortable thead th[data-type] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

table.sortable thead th[data-type]:hover {
    background-color: #eef1f5;
}

table.sortable thead th[data-type]::after {
    content: " ⇅";
    color: #adb5bd;
    font-size: 0.8em;
}

table.sortable thead th.sort-asc::after {
    content: " ▲";
    color: #0d6efd;
}

table.sortable thead th.sort-desc::after {
    content: " ▼";
    color: #0d6efd;
}

/* رؤوس الجداول الداكنة (table-dark): لون تمرير وأسهم مناسبة للخلفية السوداء */
table.sortable thead.table-dark th[data-type]:hover {
    background-color: #343a40;
}

table.sortable thead.table-dark th[data-type]::after {
    color: #6c757d;
}

table.sortable thead.table-dark th.sort-asc::after,
table.sortable thead.table-dark th.sort-desc::after {
    color: #6ea8fe;
}

/* غلاف الزر المعطّل: يُظهر مؤشر "ممنوع" والتلميح (title) لأن الزر المعطّل نفسه لا يستقبل الماوس */
.btn-blocked {
    cursor: not-allowed;
}

.btn-blocked .btn:disabled {
    pointer-events: none;
}