////
/* تنسيق القسم الرئيسي للسجل */
.maroof-icon {
display: flex;
flex-direction: row-reverse; /* لجعل الشعار على اليمين والنص يساره */
align-items: center;
justify-content: center;
gap: 12px;
padding: 10px;
}
/* إضافة الشعار الذي أرفقتيه عبر CSS */
.maroof-icon::before {
content: "";
display: inline-block;
width: 40px; /* حجم الشعار */
height: 40px;
background-image: url('https://e.top4top.io/p_3698fjku61.jpg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
/* لإزالة الخلفية الخضراء وجعل الشعار أبيض فقط ليتناسب مع البني */
}
/* تنسيق نصوص الرقم والعنوان */
.maroof-icon span {
color: #ffffff;
font-size: 14px;
line-height: 1.4;
}
.maroof-icon span:last-child {
font-weight: bold;
font-size: 16px;
display: block;
letter-spacing: 1px;
}