/**
 * تنسيقات الطباعة للاستمارات
 * Print Styles for Evaluation Forms
 * مدارس ابن خلدون الأهلية
 */

@media print {
    /* إعدادات الصفحة */
    @page {
        size: A4 portrait;
        margin: 8mm;
    }

    /* إخفاء العناصر غير الضرورية */
    .print-button,
    .no-print,
    .back-btn,
    button:not(.print-only),
    .action-buttons {
        display: none !important;
    }

    /* إعدادات الجسم */
    body {
        background: white !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 9pt !important;
        line-height: 1.3 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* الحاوية الرئيسية */
    .container {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 5mm !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    /* الترويسة */
    .header {
        padding: 8px 10px !important;
        margin: -5mm -5mm 10px -5mm !important;
        border-radius: 0 !important;
    }

    .header h1 {
        font-size: 14pt !important;
        margin-bottom: 3px !important;
    }

    .header p {
        font-size: 8pt !important;
        margin: 2px 0 !important;
    }

    /* صناديق المعلومات */
    .info-box,
    .evaluators-box {
        padding: 8px 10px !important;
        margin-bottom: 8px !important;
        border-radius: 4px !important;
    }

    .info-box h2,
    .evaluators-box h3 {
        font-size: 10pt !important;
        margin-bottom: 5px !important;
    }

    .info-grid {
        gap: 5px !important;
    }

    .info-item {
        padding: 4px 6px !important;
        font-size: 8pt !important;
    }

    .info-item label {
        min-width: 100px !important;
        font-size: 8pt !important;
    }

    /* الأقسام */
    .section {
        margin: 8px 0 !important;
        page-break-inside: avoid !important;
    }

    .section-header {
        padding: 6px 10px !important;
        margin-bottom: 5px !important;
        border-radius: 4px !important;
    }

    .section-header h2 {
        font-size: 10pt !important;
    }

    .section-header .score {
        padding: 2px 8px !important;
        font-size: 8pt !important;
    }

    /* الجداول */
    table {
        font-size: 8pt !important;
        margin-bottom: 8px !important;
        box-shadow: none !important;
        width: 100% !important;
    }

    th, td {
        padding: 4px 6px !important;
        border: 1px solid #ccc !important;
    }

    th {
        font-size: 8pt !important;
        background: #667eea !important;
        color: white !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* تقييم الأداء */
    .criteria-row td {
        padding: 3px 5px !important;
    }

    .rating-cell {
        font-size: 7pt !important;
    }

    .score-input,
    input[type="number"],
    input[type="text"] {
        width: 30px !important;
        padding: 2px !important;
        font-size: 8pt !important;
        border: 1px solid #999 !important;
    }

    /* مفتاح التقييم */
    .legend {
        padding: 5px 8px !important;
        margin: 5px 0 !important;
        border-radius: 4px !important;
    }

    .legend h4 {
        font-size: 8pt !important;
        margin-bottom: 3px !important;
    }

    .legend-items {
        gap: 10px !important;
    }

    .legend-item {
        font-size: 7pt !important;
    }

    .legend-item .badge {
        padding: 1px 5px !important;
        font-size: 7pt !important;
    }

    /* المجموع والتوقيعات */
    .total-section,
    .totals-box,
    .summary-box {
        padding: 8px !important;
        margin: 8px 0 !important;
    }

    .total-section h3,
    .totals-box h3 {
        font-size: 10pt !important;
    }

    .signature-section,
    .signatures {
        margin-top: 10px !important;
        page-break-inside: avoid !important;
    }

    .signature-box {
        padding: 8px !important;
        min-height: 50px !important;
    }

    .signature-box label {
        font-size: 8pt !important;
    }

    /* منع كسر الصفحات */
    tr {
        page-break-inside: avoid !important;
    }

    /* ضمان ظهور الألوان */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* تصغير الخطوط للعناصر الكبيرة */
    h1 { font-size: 14pt !important; }
    h2 { font-size: 11pt !important; }
    h3 { font-size: 10pt !important; }
    h4 { font-size: 9pt !important; }
    p, span, div { font-size: 8pt !important; }

    /* إخفاء الفوتر */
    .footer {
        display: none !important;
    }

    /* تحسين طباعة القوائم */
    ul, ol {
        margin: 3px 0 !important;
        padding-right: 15px !important;
    }

    li {
        padding: 2px 0 !important;
        font-size: 8pt !important;
    }

    /* تصغير المسافات العامة */
    .mb-3, .my-3 { margin-bottom: 5px !important; margin-top: 5px !important; }
    .mb-4, .my-4 { margin-bottom: 8px !important; margin-top: 8px !important; }
    .p-3, .py-3 { padding: 5px !important; }
    .p-4, .py-4 { padding: 8px !important; }
}

/* للشاشات الصغيرة A4 عرض ضيق */
@media print and (max-height: 297mm) {
    body {
        font-size: 8pt !important;
    }

    table {
        font-size: 7pt !important;
    }

    th, td {
        padding: 2px 4px !important;
    }

    .header h1 {
        font-size: 12pt !important;
    }
}