/*
 * ===================================================================
 * القسم الأول: التنسيقات العامة (للمعاينة على الشاشة)
 * ===================================================================
 */

.seal-image {
    width: 150px;
    height: 150px;
    object-fit: contain;
}

/* قاعدة قوية للتحكم في حجم الترويسة والتذييل في المعاينة */
.print-container #print-header img,
.print-container #print-footer img {
    width: 100% !important;
    max-height: 200px !important;
    object-fit: contain !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* قاعدة قوية لإجبار الأزرار على الظهور في المعاينة */
.no-print {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/*
 * ===================================================================
 * القسم الثاني: تنسيقات خاصة بالطباعة فقط (@media print)
 * ===================================================================
 * لم نعد بحاجة لقواعد معقدة هنا لأن JavaScript يعالج الطباعة
 * لكن سنبقي على بعض القواعد الأساسية كإجراء احتياطي
 */
@media print {
    .no-print {
        display: none !important;
    }
}