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

.tnt .tnt-tabs { display: flex; gap: 4px; padding: 4px; background: var(--tnt-surface-2); border: 1px solid var(--tnt-border); border-radius: var(--tnt-radius); overflow-x: auto; margin-bottom: 20px; }
.tnt .tnt-tab { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 9px; color: var(--tnt-text-2); font-weight: 600; font-size: 14px; white-space: nowrap; }
.tnt .tnt-tab:hover { color: var(--tnt-primary); }
.tnt .tnt-tab.is-active { background: var(--tnt-surface); color: var(--tnt-primary); box-shadow: var(--tnt-shadow-sm); }
.tnt .tnt-tab__count { background: var(--tnt-primary-50); color: var(--tnt-primary); border-radius: 99px; padding: 0 8px; font-size: 12px; }