/* تخصيصات عامة */
body {
    background-color: #f8f9fa;
    font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* ===== تصميم موحّد لكل عناوين الحقول وحقول الإدخال في النظام (حواف دائرية واضحة، عناوين بارزة) =====
   يشمل: النصوص، الأرقام، القوائم المنسدلة، مناطق النصوص، البريد، الهاتف... في كل نماذج الصفحات
   والنوافذ المنبثقة العادية. الحقول المصغَّرة داخل الجداول الكثيفة (الرصد اليومي، لوحات إعدادات
   الطباعة، أشرطة الأدوات الضيّقة) مُستثناة عمدًا (تصميمها الحالي مُحكَم لمساحتها الضيّقة، وتغييره كان
   سيُفسد تنسيقًا دقيقًا بُني عليه الكثير من العمل) — تُعرَف بحجمها الصغير `-sm` أو أصنافها الخاصة. */
.form-label {
    font-weight: 700;
    color: #16325c;
    margin-bottom: 6px;
}
.form-control,
.form-select,
textarea.form-control {
    border: 1.5px solid #a9c6e8;
    border-radius: 50px;
    padding: 10px 20px;
    background-color: #fff;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control:focus,
.form-select:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 .18rem rgba(13, 110, 253, .15);
}
textarea.form-control { border-radius: 22px; }
.form-control:disabled, .form-control[readonly] { background-color: #f3f6fb; }
/* الحقول المصغَّرة (-sm) تحتفظ بشكل أقرب للسابق (زوايا أخف، حشو أقل) حتى لا تنكسر أشرطة الأدوات
   والجداول الضيّقة التي تعتمدها بكثافة في كل أنحاء النظام */
.form-control-sm, .form-select-sm {
    border-radius: 20px;
    padding: 4px 14px;
}

/* تحسين شكل الجداول لاحقاً */
.table-hover tbody tr:hover {
    background-color: rgba(0, 123, 255, 0.1);
}

/* تخصيص الطباعة - إخفاء القوائم عند الطباعة */
@media print {
    nav, .no-print {
        display: none !important;
    }
    .container {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }
}

/* دعم عام للموبايل: أي جدول تقرير/بيانات لم يُخصَّص له تمرير أفقي صراحةً يحصل على سلوك أساسي معقول
   (تمرير أفقي بدل انضغاط الأعمدة) — آمن حتى لو كان الجدول مُغلَّفًا مسبقًا بحاوية تمرير خاصة به. */
@media screen and (max-width: 767px) {
    table.table:not(.report-table):not(#entryTable):not(#ftTable) {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
}