/**
 * الصورة الرمزية
 * (جزء من المكونات المركزية: تُحمّل كلها عبر المقبض tnt-components)
 */

.tnt .tnt-avatar { width: 38px; height: 38px; border-radius: 12px; display: inline-grid; place-items: center; font-weight: 700; color: #fff; background: linear-gradient(135deg, var(--tnt-primary), var(--tnt-navy-700)); flex-shrink: 0; font-size: 15px; }
.tnt .tnt-person { display: flex; align-items: center; gap: 12px; }