/**
 * شريط الأدوات والبحث والفلاتر
 * (جزء من المكونات المركزية: تُحمّل كلها عبر المقبض tnt-components)
 *
 * العناصر تتقاسم العرض بمرونة وتلتف لسطر جديد عند ضيق المساحة:
 * البحث أعرضها، ثم القوائم والتواريخ بعرض متقارب، وزر التصفية بحجمه الطبيعي في الطرف.
 */

.tnt .tnt-toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 14px 22px; border-bottom: 1px solid var(--tnt-border); background: var(--tnt-surface); }
.tnt .tnt-toolbar .tnt-input { min-height: 40px; width: auto; min-width: 0; }
.tnt .tnt-toolbar > select.tnt-input { flex: 1 1 150px; max-width: 220px; }
.tnt .tnt-toolbar__search { flex: 2 1 260px; min-width: 220px; position: relative; }
.tnt .tnt-toolbar__search .tnt-input { width: 100%; padding-inline-start: 38px; }
.tnt .tnt-toolbar__search .tnt-icon { position: absolute; inset-inline-start: 12px; top: 50%; transform: translateY(-50%); color: var(--tnt-muted); }
.tnt .tnt-toolbar > .tnt-btn, .tnt .tnt-toolbar > button { flex: 0 0 auto; }

@media (max-width: 782px) {
	.tnt .tnt-toolbar { padding: 12px 14px; }
	.tnt .tnt-toolbar > select.tnt-input { max-width: none; }
	.tnt .tnt-toolbar > .tnt-btn, .tnt .tnt-toolbar > button { flex: 1 1 100%; justify-content: center; }
}