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

.tnt .tnt-empty { text-align: center; padding: 48px 20px; }
.tnt .tnt-empty__icon { width: 64px; height: 64px; border-radius: 20px; display: inline-grid; place-items: center; background: var(--tnt-primary-50); color: var(--tnt-primary); margin-bottom: 14px; }
.tnt .tnt-empty__title { font-size: 17px; font-weight: 700; margin-bottom: 6px; }
.tnt .tnt-empty__text { color: var(--tnt-muted); margin-bottom: 16px; }