/* =========================================
   1. الخطوط والمتغيرات الأساسية
========================================= */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

:root {
    --bg-color: #000000;
    --text-color: #ffffff;
    --accent-color: #54b647;
}

/* تصفير الهوامش لتجنب الفراغات السوداء الزائدة */
html, body {
    margin: 0 !important;
    padding: 0 !important;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: 'Tajawal', sans-serif;
    direction: rtl;
    min-height: 100vh;
    position: relative;
    padding-bottom: 50px;
}

/* =========================================
   2. تنسيقات النماذج (Forms) والحقول
========================================= */
.form-control {
    background-color: transparent !important;
    border: 1px solid var(--accent-color) !important;
    color: var(--text-color) !important;
    border-radius: 12px !important;
    padding: 12px 15px;
}

.form-control:focus {
    box-shadow: 0 0 8px rgba(84, 182, 71, 0.5) !important;
}

/* تحسين وضوح النصوص الإرشادية (Placeholders) */
::-webkit-input-placeholder { color: #aaaaaa !important; opacity: 1; }
::-moz-placeholder { color: #aaaaaa !important; opacity: 1; }
:-ms-input-placeholder { color: #aaaaaa !important; opacity: 1; }
:-moz-placeholder { color: #aaaaaa !important; opacity: 1; }
::placeholder { color: #aaaaaa !important; opacity: 1; }

/* تحسين لون أيقونة التقويم في حقول التاريخ */
::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
}

/* تحسين وضوح النصوص الفرعية */
.text-muted, small, .small {
    color: #cccccc !important;
}

/* عناوين الحقول (Labels) */
.form-label {
    color: var(--accent-color);
    font-weight: 500;
    margin-bottom: 8px;
}

/* =========================================
   3. الأزرار (Buttons)
========================================= */
.btn-custom {
    background-color: var(--accent-color);
    color: var(--bg-color);
    border: none;
    border-radius: 12px;
    padding: 10px 20px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.btn-custom:hover {
    background-color: #ffffff;
    color: var(--accent-color);
}

/* زر الرئيسية */
.btn-home {
    border: 1px solid var(--accent-color);
    color: var(--text-color);
    background-color: rgba(0,0,0,0.8);
    border-radius: 12px;
    padding: 8px 30px; 
    text-decoration: none;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-home:hover {
    background-color: var(--accent-color);
    color: var(--bg-color) !important;
}

/* =========================================
   4. الترويسة والصور الثابتة (Header & Corners)
========================================= */
.top-right-corner {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 150px;
    z-index: 1000;
    pointer-events: none;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

.bottom-left-corner {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 150px;
    z-index: 1000;
    pointer-events: none;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

/* الشعار الموحد (تم حل مشكلة القص في الجوال من هنا) */
.main-logo {
    display: block;
    max-width: 500px; 
    width: 64%; /* يضمن مسافة أمان بنسبة 4% من كل جانب في شاشات الجوال */
    height: auto;
    margin: 0 auto;
}

/* =========================================
   5. الجداول والتقارير (Tables)
========================================= */
.table td {
    border-bottom: 1px solid rgba(84, 182, 71, 0.2);
    vertical-align: middle;
    background-color: transparent !important;
    color: #ffffff;
}
.table th {
    background-color: transparent !important;
}
.table-hover tbody tr:hover td {
    background-color: rgba(84, 182, 71, 0.1) !important;
}

/* =========================================
   6. التجاوب مع الشاشات الصغيرة (Mobile)
========================================= */
@media (max-width: 768px) {
    .top-right-corner, .bottom-left-corner {
        width: 80px; 
    }
}

/* =========================================
   7. تنسيقات الطباعة الاحترافية (Print)
========================================= */
@media print {
    @page {
        /* زيادة مسافة الأمان الجانبية للورقة لمنع أي قص */
        margin: 0.5cm 1cm; 
    }
    
    body { 
        background-color: #000000 !important; 
        -webkit-print-color-adjust: exact !important; 
        print-color-adjust: exact !important; 
        color: #ffffff !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }
    
    .print-hide, .top-right-corner, .bottom-left-corner, .spinner-border { 
        display: none !important; 
    }
    
    header {
        padding-top: 0 !important;
        margin-bottom: 20px !important;
    }
    
    /* ضبط الشعار ليلتزم بحدود الورقة */
    header img.main-logo { 
        width: 100% !important;
        max-width: 100% !important; 
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* إصلاح مشكلة الحواف المقصوصة (إلغاء حشوات البوتستراب) */
    .container, .col-md-10, .col-md-12 { 
        max-width: 100% !important; 
        width: 100% !important; 
        padding: 0 !important; 
        margin: 0 auto !important; 
    }

    /* إلغاء الهوامش السلبية وإجبار المربعات على البقاء في صف واحد */
    .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        page-break-inside: avoid !important;
        margin-bottom: 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        gap: 15px !important; /* استخدام gap للفراغات بين المربعات بدلاً من padding */
    }
    
    /* إيقاف فراغات الأعمدة الافتراضية التي تسبب القص */
    .row > * {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 0 !important;
    }

    /* توزيع المساحة بالتساوي على البطاقات الثلاث */
    .col-md-4, .col-6, .col-12 {
        flex: 1 1 0 !important; 
        width: auto !important;
        max-width: 100% !important;
    }
    
    /* تصغير الخطوط والحشوات قليلاً لتناسب مقاس الـ A4 */
    .p-4 { padding: 10px !important; }
    .p-3 { padding: 8px !important; }
    h2 { font-size: 22px !important; margin-bottom: 0 !important; }
    h3, h4, h5 { font-size: 16px !important; margin-bottom: 5px !important; }

    .table-responsive {
        overflow: visible !important;
    }
    
    table { 
        page-break-inside: auto !important; 
        width: 100% !important;
        border-collapse: collapse !important;
        margin: 0 !important;
    }
    
    tr { 
        page-break-inside: avoid !important; 
        page-break-after: auto !important; 
    }
    
    th, td {
        padding: 6px !important;
        font-size: 13px !important; 
    }
    
    input[type="date"], input[type="text"], #btnFilterReset {
        display: none !important;
    }
}