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

.tnt .tnt-thread { display: flex; flex-direction: column; gap: 14px; }
.tnt .tnt-msg { border: 1px solid var(--tnt-border); border-radius: var(--tnt-radius-lg); background: var(--tnt-surface); padding: 16px 18px; max-width: 88%; }
.tnt .tnt-msg--trainee { align-self: flex-start; border-inline-start: 4px solid var(--tnt-primary); }
.tnt .tnt-msg--staff, .tnt .tnt-msg--instructor { align-self: flex-end; background: var(--tnt-surface-2); border-inline-end: 4px solid var(--tnt-gold); }
.tnt .tnt-msg__head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.tnt .tnt-msg__head strong { display: block; font-size: 14px; }
.tnt .tnt-msg__head span { font-size: 12px; color: var(--tnt-muted); }
.tnt .tnt-msg__body { line-height: 1.9; white-space: normal; word-break: break-word; }
.tnt .tnt-msg__image { margin-top: 12px; max-width: 260px; border-radius: var(--tnt-radius); border: 1px solid var(--tnt-border); }
@media (max-width: 782px) { .tnt .tnt-msg { max-width: 100%; } }