/* ════════════════════════════════════════════════════════════════════
   🎨 GLOBAL OVERRIDES - تحسينات شاملة للمشروع
   ════════════════════════════════════════════════════════════════════ */

/* ─── Modal Forms - خطوط أوضح ─── */
.modal-body .form-label,
.modal-body label {
    color: #1f2937 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

.modal-body .form-control,
.modal-body .form-select,
.modal-body input[type="text"],
.modal-body input[type="number"],
.modal-body input[type="email"],
.modal-body input[type="tel"],
.modal-body input[type="date"],
.modal-body textarea,
.modal-body select {
    color: #111827 !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    border-color: #d1d5db !important;
}

    .modal-body .form-control:focus,
    .modal-body .form-select:focus {
        border-color: #1f4e79 !important;
        box-shadow: 0 0 0 0.2rem rgba(31, 78, 121, 0.15) !important;
    }

    /* ─── Placeholder أوضح ─── */
    .modal-body .form-control::placeholder,
    .modal-body input::placeholder {
        color: #9ca3af !important;
        opacity: 1 !important;
    }

/* ─── Modal Titles ─── */
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body h6 {
    color: #1f4e79 !important;
    font-weight: 700 !important;
}

/* ─── النصوص الصغيرة (hints) ─── */
.modal-body small.text-muted,
.modal-body .form-text {
    color: #6b7280 !important;
    font-size: 0.8rem !important;
}

/* ─── الـ Sections في الـ Modal ─── */
.modal-body .border.rounded {
    border-color: #e5e7eb !important;
    background-color: #fafafa;
}

/* ─── Required asterisk (*) أوضح ─── */
.modal-body .text-danger {
    color: #dc2626 !important;
    font-weight: 700 !important;
}
/* ════════════════════════════════════════════════════════════════════
   📋 DATATABLES - تحسين القراءة (Government Standard)
   ════════════════════════════════════════════════════════════════════ */

/* الجدول العام */
.dataTable,
table.dataTable {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
}

    /* Headers - أكبر شوية وأغمق */
    .dataTable thead th,
    table.dataTable thead th {
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #1f2937 !important;
        padding: 14px 12px !important;
        background-color: #f8fafc !important;
        border-bottom: 2px solid #cbd5e1 !important;
    }

    /* الـ Rows - راحة في القراءة */
    .dataTable tbody td,
    table.dataTable tbody td {
        font-size: 14.5px !important;
        color: #1f2937 !important;
        padding: 14px 12px !important;
        vertical-align: middle !important;
    }

        /* الأرقام والكودات */
        .dataTable tbody td.fw-bold,
        .dataTable tbody td .text-primary {
            font-size: 14.5px !important;
            font-weight: 600 !important;
            letter-spacing: 0.02em !important;
        }

/* الـ Badges أوضح */
.badge {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    padding: 6px 10px !important;
    letter-spacing: 0.02em !important;
}

/* Pagination */
.dataTables_paginate .paginate_button {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.dataTables_info,
.dataTables_length,
.dataTables_filter {
    font-size: 14px !important;
}

/* ════════════════════════════════════════════════════════════════════
   📊 KPI CARDS - تحسين الأرقام والنصوص
   ════════════════════════════════════════════════════════════════════ */

[class*="kpi__value"],
[class*="kpi__number"] {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}

[class*="kpi__label"] {
    font-size: 15px !important;
    font-weight: 600 !important;
}

[class*="kpi__sub"] {
    font-size: 13px !important;
}

/* ════════════════════════════════════════════════════════════════════
   🏷️ PAGE HEADERS - واضحة وقيادية
   ════════════════════════════════════════════════════════════════════ */

.page-title,
[class*="header__title"],
h1.fw-bold {
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

[class*="header__subtitle"] {
    font-size: 15px !important;
    opacity: 0.85;
}

/* ════════════════════════════════════════════════════════════════════
   📑 SECTION HEADERS
   ════════════════════════════════════════════════════════════════════ */

h6.text-primary {
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* ════════════════════════════════════════════════════════════════════
   🔍 FILTERS - أوضح
   ════════════════════════════════════════════════════════════════════ */

[class*="filters__field"] label,
.form-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 6px !important;
}

[class*="filters__field"] input,
[class*="filters__field"] select {
    font-size: 14.5px !important;
    padding: 10px 12px !important;
}

/* ════════════════════════════════════════════════════════════════════
   🅰️ ضبط Cairo Font - الخط الأساسي
   ════════════════════════════════════════════════════════════════════ */

body,
.dataTable,
table,
input,
select,
textarea,
button {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}
/* ════════════════════════════════════════════════════════════════════
   🔽 LC FILTERS - SELECT FIX (إصلاح خاص بصفحة القضايا)
   ════════════════════════════════════════════════════════════════════ */

.lc-filters__field select,
.lc-filters__field input,
[class*="filters__field"] select,
[class*="filters__field"] input {
    padding: 0 10px 0 30px !important;
    direction: rtl !important;
    text-align: right !important;
    background-position: left 8px center !important;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-size: 12px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}
/* ════════════════════════════════════════════════════════════════════
   📋 LEGAL CASE DETAILS - GLOBAL READABILITY FIX
   ════════════════════════════════════════════════════════════════════ 
   
   🎯 ينطبق على:
      - _DetailsModal.cshtml (modal تفاصيل القضية)
      - Hub.cshtml (Mission Control)
      - أي ملف يستخدم class="legal-case-details"
   
   ════════════════════════════════════════════════════════════════════ */

.legal-case-details {
    color: #1f2937;
    font-size: 15px;
    line-height: 1.7;
}

    /* ─── Section Headers ─── */
    .legal-case-details h6.text-primary {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #1f4e79 !important;
        margin-bottom: 16px !important;
    }

    /* ─── Tables: البيانات الأساسية / المحكمة / الموضوع ─── */
    .legal-case-details table.table {
        background: white;
    }

        .legal-case-details table.table th {
            background-color: #f3f4f6 !important;
            color: #374151 !important;
            font-weight: 700 !important;
            font-size: 14.5px !important;
            padding: 12px 14px !important;
            vertical-align: middle !important;
        }

        .legal-case-details table.table td {
            color: #111827 !important;
            font-weight: 500 !important;
            font-size: 14.5px !important;
            padding: 12px 14px !important;
            vertical-align: middle !important;
        }

            /* الأرقام والكودات أوضح */
            .legal-case-details table.table td.fw-bold,
            .legal-case-details table.table td .text-primary {
                color: #1f4e79 !important;
                font-weight: 700 !important;
                letter-spacing: 0.02em !important;
            }

            /* لما يبقى فاضي (—) */
            .legal-case-details table.table td .text-muted {
                color: #9ca3af !important;
                font-weight: 400 !important;
            }

    /* ─── Badges أوضح وأكبر ─── */
    .legal-case-details .badge {
        font-size: 13px !important;
        font-weight: 600 !important;
        padding: 6px 12px !important;
        letter-spacing: 0.02em !important;
    }

    /* ════════════════════════════════════════════════════════════
       🆕 أطراف القضية (Plaintiffs / Defendants)
       ════════════════════════════════════════════════════════════ */

    /* العنوان الفرعي للقسم (المدعون / المدعى عليهم) */
    .legal-case-details .border.rounded[style*="f0fdf4"] .fw-bold,
    .legal-case-details .border.rounded[style*="fef2f2"] .fw-bold {
        font-size: 15px !important;
        font-weight: 700 !important;
    }

    /* الأسماء داخل الـ ol */
    .legal-case-details ol {
        font-size: 14.5px !important;
        color: #1f2937 !important;
        font-weight: 500 !important;
        padding-inline-start: 1.5rem !important;
    }

        .legal-case-details ol li {
            padding: 4px 0 !important;
            line-height: 1.6 !important;
        }

    /* ════════════════════════════════════════════════════════════
       🆕 قيود القضية في المحاكم (Court Filings)
       ════════════════════════════════════════════════════════════ */

    /* البطاقة بأكملها - تحسين الـ contrast */
    .legal-case-details .border.rounded[style*="border-inline-start"] {
        background: #ffffff !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    }

    /* البيانات داخل الـ filing card */
    .legal-case-details .border.rounded .d-flex.justify-content-between {
        padding: 6px 0 !important;
        border-bottom: 1px dashed #f3f4f6;
    }

        .legal-case-details .border.rounded .d-flex.justify-content-between:last-child {
            border-bottom: none;
        }

    /* "رقم القضية:" / "تاريخ القيد:" - الـ labels */
    .legal-case-details .border.rounded .text-muted {
        color: #6b7280 !important;
        font-weight: 500 !important;
        font-size: 13.5px !important;
    }

    /* القيم الفعلية (444, 02/06/2026, ...) */
    .legal-case-details .border.rounded .small .fw-bold,
    .legal-case-details .border.rounded .small span:not(.text-muted):not(.badge) {
        color: #111827 !important;
        font-weight: 600 !important;
        font-size: 14px !important;
    }

    /* Notes في الـ filing */
    .legal-case-details .border.rounded .mt-2.pt-2.border-top {
        font-size: 13px !important;
        color: #4b5563 !important;
        font-style: italic;
    }

    /* ════════════════════════════════════════════════════════════
       Header الـ Card الرئيسي (LP-2026-XXX)
       ════════════════════════════════════════════════════════════ */
    .legal-case-details .card-header {
        padding: 14px 20px !important;
    }

        .legal-case-details .card-header h5 {
            font-size: 18px !important;
            font-weight: 700 !important;
            letter-spacing: 0.02em !important;
        }

        /* الـ badges في الـ header */
        .legal-case-details .card-header .badge {
            font-size: 13px !important;
            padding: 6px 12px !important;
        }

    /* ════════════════════════════════════════════════════════════
       Footer
       ════════════════════════════════════════════════════════════ */
    .legal-case-details .text-muted.small.text-center {
        font-size: 13px !important;
        color: #6b7280 !important;
        padding-top: 12px !important;
    }