@media print {
    /* ==========================================
       ١. الإعدادات العامة وإجبار الألوان
       ========================================== */
    body {
        background: white !important;
        font-family: "AlMohanadLocal", serif !important;
        font-size: 16px !important;
        line-height: 1.25 !important; /* تم تعديله لضغط أكبر للنصوص ومنع الفراغات */
        margin: 0 !important;
        padding: 0 !important;
    }

    /* إجبار طباعة الألوان والخلفيات */
    html, body, .question-title, .translation-question, .question-card h4,
    .formula-card h4, .qa-concept-card h4, .katex, .katex-display,
    .whatsapp-link, .option-label, .option-btn.is-correct .option-label,
    .option-btn.is-wrong .option-label, #fixedTopBar {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* إزالة الظلال من جميع العناصر */
    * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    @page {
        margin: 1cm 1.5cm 1.5cm 1.5cm !important;
        size: auto !important;
    }

    .container, .content-area, main, #questionsView {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ==========================================
       ٢. العناوين الرئيسية (لون أزرق داكن)
       ========================================== */
    .question-title,
    .question-card .question-title,
    #questionsList .question-title,
    .question-card h4,
    .qa-concept-card h4,
    .translation-question,
    #unitTitleTop,
    h1, h2, h3, h4 {
        color: #0D47A1 !important;
        font-weight: bold !important;
        font-family: "AlMohanadLocal", serif !important;
    }

    /* ==========================================
       ٣. الشريط العلوي + تاريخ الطباعة وعنوان المادة
       ========================================== */
    #unitTitleTop {
        font-size: 20px !important; /* تم تعديله ليعتمد على حجم عنوان 20px */
        font-weight: bold !important;
        color: #0B3D91 !important;
        text-align: right !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
    }

    #fixedTopBar {
        display: block !important;
        visibility: visible !important;
        position: relative !important;
        padding: 0.5rem 0 0.8rem 0 !important;
        margin: 0 0 10px 0 !important;
        text-align: right !important;
        background-color: #f7f7f7 !important;
        border-bottom: 1px solid #ccc !important;
        font-family: "AlMohanadLocal", serif !important;
        -webkit-print-color-adjust: exact !important;
    }

    /* إظهار اسم الكتاب/الموقع الأساسي عبر الخاصية المتقدمة ::before */
    #fixedTopBar::before {
        content: "📚 " attr(data-main-title) !important;
        display: block !important;
        visibility: visible !important;
        font-size: 18px !important;
        font-weight: bold !important;
        color: #1e40af !important;
        background: none !important;
        text-align: right !important;
        margin-bottom: 8px !important;
        padding-bottom: 5px !important;
        border-bottom: 2px solid #1e40af !important;
    }

    #fixedTopBar::after {
        content: "إعداد/ أبو علي | تاريخ الطباعة: " attr(data-print-date) !important;
        display: block !important;
        visibility: visible !important;
        margin-top: 8px !important;
        font-weight: bold !important;
        color: #1A73E8 !important;
        font-size: 16px !important;
        background: none !important;
        text-align: center !important;
    }

    /* تأكيد ظهور العنصر */
    #fixedTopBar,
    #fixedTopBar::before,
    #fixedTopBar::after {
        display: block !important;
        visibility: visible !important;
    }

    /* ==========================================
       ٤. الملاحظة والتوقيع
       ========================================== */
    #authorSignature {
        display: block !important;
        page-break-inside: avoid !important;
        page-break-after: always !important;
        margin: 10px 0 0 0 !important;
        padding: 10px !important;
        border: 2px solid #0D47A1 !important;
        border-radius: 8px !important;
        background-color: #E3F2FD !important;
        font-family: "AlMohanadLocal", serif !important;
    }

    #authorSignature *,
    .main-note-container,
    .author-info-container,
    .note-content-list {
        background-color: transparent !important;
        background: transparent !important;
    }

    /* زر التواصل (واتساب) - لون الخلفية أخضر، لون الخط أزرق داكن */
    .whatsapp-link {
        display: inline-flex !important;
        visibility: visible !important;
        background-color: #25D366 !important;
        color: #0D47A1 !important;
        padding: 6px 12px !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        font-weight: bold !important;
        margin-top: 5px !important;
    }

    /* ==========================================
       ٥. بطاقات الأسئلة
       ========================================== */
    .question-card, .qa-concept-card, .formula-card, .translation-card {
        background-color: white !important;
        border: 1px solid #ddd !important;
        border-radius: 6px !important;
        padding: 6px 8px !important;
        margin: 4px 0 !important;
        width: 100% !important;
        page-break-inside: avoid !important;
    }

    /* ==========================================
       ٦. شبكة الخيارات
       ========================================== */
    .options-grid {
        display: grid !important;
        gap: 4px !important;
        margin: 2px 0 !important;
    }

    @media (orientation: portrait) {
        .options-grid { grid-template-columns: repeat(2, 1fr) !important; }
    }
    @media (orientation: landscape) {
        .options-grid { grid-template-columns: repeat(4, 1fr) !important; }
    }

    .option-btn {
        padding: 4px 6px !important;
        font-size: 13px !important;
        background: white !important;
        border: 1px solid #aaa !important;
        color: black !important;
        position: relative !important;
    }

    .option-label {
        width: 14px !important;        /* حجم التسمية محدد بدقة تفادياً للتشوه */
        min-width: 14px !important;
        height: 14px !important;
        min-height: 14px !important;
        font-size: 9px !important;     /* قياس موزون متناسق مع الحجم الجديد */
        top: -1px !important;          /* محاذاة موزونة مخصصة لتفادي الإزاحة */
        background-color: #ccc !important;
        color: black !important;
        border: 1px solid #888 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        position: relative !important;
    }

    /* ==========================================
       ٦.ب. تمييز الخيارات الصحيحة والخاطئة
       ========================================== */
    .option-btn.is-correct {
        border: 2px solid #10b981 !important;
        background-color: white !important;
    }
    .option-btn.is-correct::after {
        content: "✓" !important;
        display: inline !important;    /* إدراج الرموز كعناصر مدمجة مع النص */
        position: absolute !important;
        left: 8px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: #10b981 !important;
        font-weight: bold !important;
        font-size: 14px !important;
    }
    .option-btn.is-correct .option-label {
        background-color: #10b981 !important;
        color: white !important;
        border: none !important;
        display: inline-flex !important;
        visibility: visible !important;
    }

    .option-btn.is-wrong {
        border: 2px solid #ef4444 !important;
        background-color: white !important;
    }
    .option-btn.is-wrong::after {
        content: "✗" !important;
        display: inline !important;    /* إدراج الرموز كعناصر مدمجة مع النص */
        position: absolute !important;
        left: 8px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: #ef4444 !important;
        font-weight: bold !important;
        font-size: 14px !important;
    }
    .option-btn.is-wrong .option-label {
        background-color: #ef4444 !important;
        color: white !important;
        border: none !important;
        display: inline-flex !important;
        visibility: visible !important;
    }

    .option-btn.is-correct,
    .option-btn.is-wrong,
    .question-card .is-correct,
    .question-card .is-wrong {
        background-color: white !important;
        background-image: none !important;
    }

    /* ==========================================
       ٧. المعادلات والجداول
       ========================================== */
    .katex-display, .katex {
        padding: 5px 0 !important;
        color: #1565C0 !important;
        overflow: visible !important;
    }
    table, th, td {
        border: 1px solid #000 !important;
        border-collapse: collapse !important;
        padding: 4px !important;
    }

    /* ==========================================
       ٨. مناطق الشرح والتفسير
       ========================================== */
    .result-area, .explanation-area {
        margin-top: 4px !important;
        padding-top: 2px !important;
    }

    /* ==========================================
       ٩. تمييز أرقام الأسئلة
       ========================================== */
    .question-card .w-8.h-8,
    .question-card .flex-shrink-0 .w-8.h-8,
    .qa-concept-card .w-8.h-8,
    .question-card .text-sm.font-bold.bg-indigo-100,
    .translation-card .text-xs.font-bold.bg-indigo-100,
    .qa-concept-card .text-sm.font-bold {
        background-color: #e0e7ff !important;
        color: #1e40af !important;
        font-weight: bold !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #3b82f6 !important;
    }

    .question-card .text-sm.text-gray-500.dark\:text-gray-400:first-child {
        background-color: #e0e7ff !important;
        color: #1e40af !important;
        padding: 2px 8px !important;
        border-radius: 20px !important;
        border: 1px solid #3b82f6 !important;
        font-weight: bold !important;
    }

    /* ==========================================
       ١٠. إخفاء العناصر غير المرغوب فيها
       ========================================== */
    header, footer, nav, hr,
    .controls-panel, .action-buttons, .save-button, .print-button,
    .back-button, .next-button, .score-summary, .summary-box,
    .modal-background, .modal-content, .check-btn, .check-multi-btn,
    .alert-box, .notification-box, .hidden-print,
    #toggleSolutionsBtn, #backToUnitsTop, #resetUnitTop,
    #printQuestionsBtn, #solutionsControl, #solutionsTextInProgress,
    #unitProgressTop, #quizCompletionSummary, #menuButton,
    #dropdownMenu, #themeToggle, #mainHeader, #practiceRoundSummary,
    #ttsReadPageBtn, #pauseSpeechBtn, #resumeSpeechBtn, #stopSpeechBtn,
    .tts-controls, .speed-dropdown, .speed-btn, .speed-menu,
    .tts-btn, .speak-single-btn, .play-single-question,
    .play-qa-with-answer, .play-question-with-answer,
    button[onclick*="speakSingleQuestion"], button[onclick*="startReadingFromQuestion"],
    .edit-question-btn, .edit-qa-question-btn, .edit-btn,
    .action-btn.edit-btn, button.edit-btn, .delete-btn,
    .action-btn.delete-btn, #addNewQuestionBtn, .admin-btn,
    #editNotesBtn, .edit-notes-btn, button[onclick*="showNotesManagementModal"],
    .check-trans-btn, .check-translation-btn, button[id^="check-btn-"],
    .retry-score-btn,
    div.mt-3.p-3.bg-purple-50, div[class*="bg-purple-50"],
    textarea, input[type="text"], input[type="email"], input[type="password"],
    input[type="number"], input:not([type="checkbox"]):not([type="radio"]),
    .question-card textarea, .question-card input,
    .translation-card textarea, .qa-concept-card textarea,
    .question-card button:not(.option-btn):not(.favorite-btn),
    .qa-concept-card button:not(.favorite-btn),
    .translation-card button {
        display: none !important;
    }

    .favorite-btn,
    .whatsapp-link {
        display: inline-block !important;
        visibility: visible !important;
    }

    /* ==========================================
       ١١. إزالة الخلفيات مع استثناءات دقيقة
       ========================================== */
    *:not(#authorSignature):not(#authorSignature *):not(.whatsapp-link):not(.option-label):not(#fixedTopBar) {
        background-color: white !important;
        background-image: none !important;
        background: white !important;
    }

    /* ضمان ثبات ألوان العناصر المستثناة */
    .option-btn.is-correct .option-label {
        background-color: #10b981 !important;
        color: white !important;
        -webkit-print-color-adjust: exact !important;
    }
    .option-btn.is-wrong .option-label {
        background-color: #ef4444 !important;
        color: white !important;
        -webkit-print-color-adjust: exact !important;
    }
    .whatsapp-link {
        background-color: #25D366 !important;
        color: #0D47A1 !important;
        -webkit-print-color-adjust: exact !important;
    }
    #fixedTopBar {
        background-color: #f7f7f7 !important;
        -webkit-print-color-adjust: exact !important;
    }

    /* ==========================================
       ١٢. تحسين تباين النصوص
       ========================================== */
    body, p, span, div, .text-sm, .text-base, .text-lg,
    .result-area, .explanation-area, .feedback-text {
        color: #1a1a1a !important;
    }

    .question-title,
    .question-card h4,
    .qa-concept-card h4,
    .translation-question,
    .translation-card .question-title,
    #unitTitleTop,
    h1, h2, h3, h4,
    .translation-card .text-lg.font-bold,
    #questionsList .translation-card .text-lg,
    .question-card .text-lg.font-bold.mb-4,
    .qa-concept-card .flex-grow .font-bold,
    .qa-concept-card .flex-grow .text-base.font-bold,
    .qa-concept-card h4:not(.note-title) {
        color: #0D47A1 !important;
        font-weight: bold !important;
    }

    .text-emerald-600, .dark\:text-emerald-400,
    [class*="text-emerald"] { color: #065f46 !important; }
    .text-green-600, .dark\:text-green-400 { color: #15803d !important; }
    .text-blue-600, .dark\:text-blue-400 { color: #1e40af !important; }
    .text-amber-600, .dark\:text-amber-400 { color: #b45309 !important; }
    .text-orange-600, .dark\:text-orange-400 { color: #9a3412 !important; }
    .text-rose-600, .dark\:text-rose-400,
    .text-red-600, .dark\:text-red-400 { color: #b91c1c !important; }
    .text-gray-500, .dark\:text-gray-400,
    .text-gray-400, .text-gray-300, .text-gray-600 {
        color: #4b5563 !important;
    }

    /* ==========================================
       ١٣. تقليص المسافات والهوامش
       ========================================== */
    body, .container, main, #questionsView {
        margin: 0 !important;
        padding: 0 !important;
    }
    .question-card, .qa-concept-card {
        margin: 4px 0 !important;
        padding: 6px 8px !important;
    }
    .question-card .mb-2, .question-card .mb-3, .question-card .mb-4,
    .question-card .mt-2, .question-card .mt-3, .question-card .mt-4,
    .qa-concept-card .mb-2, .qa-concept-card .mb-3, .qa-concept-card .mb-4 {
        margin-bottom: 4px !important;
        margin-top: 4px !important;
    }
    .question-title, .question-card h4, .qa-concept-card h4 {
        margin-top: 2px !important;
        margin-bottom: 6px !important;
    }
    p {
        margin: 2px 0 !important;    /* هوامش الفقرات تم تعديلها إلى 2px لمنع الفراغات الزائدة */
        line-height: 1.25 !important; /* توافق مثالي مع حجم الأسطر المكبوس */
    }

    /* ==========================================
       ١٤. إزالة الخطوط والحدود غير الضرورية
       ========================================== */
    .border, .border-t, .border-b, .border-r, .border-l, .hr, hr,
    [class*="border-"]:not(table):not(td):not(th) {
        border: none !important;
    }
    .question-title::after, .question-title::before,
    h1::after, h2::after, h3::after, h4::after {
        display: none !important;
    }

    /* ==========================================
       ١٥. رفع المحتوى إلى أعلى الصفحة
       ========================================== */
    #fixedTopBar {
        position: relative !important;
        top: 0 !important;
        margin: 0 !important;
        padding: 4px 0 !important;
    }
    body {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    main, .container {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .fixed, .sticky {
        position: relative !important;
    }
}