/**
 * تذاكر الدعم في البوابة (templates/portal/tickets.php و ticket.php)
 */

.tnt .tnt-tickets { display: grid; gap: 20px; align-items: start; margin-top: 16px; }
.tnt .tnt-tickets.has-form { grid-template-columns: minmax(0, 1fr) 360px; }
.tnt .tnt-tickets__items { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.tnt .tnt-tickets__form { position: sticky; top: 90px; scroll-margin-top: 100px; }
.tnt .tnt-tickets__wait { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border-radius: 12px; background: var(--tnt-info-50); color: var(--tnt-info); }
.tnt .tnt-tickets__wait p { margin: 0; font-size: 13.5px; line-height: 1.7; color: var(--tnt-text-2); }

/* التذكرة في القائمة: شريط جانبي بلون الحالة */
.tnt .tnt-ticket {
	--tnt-t: var(--tnt-muted); position: relative; display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 16px;
	background: var(--tnt-surface); border: 1px solid var(--tnt-border); box-shadow: var(--tnt-shadow-xs); color: var(--tnt-text); text-decoration: none;
	transition: transform .18s var(--tnt-ease), box-shadow .18s, border-color .18s;
}
.tnt .tnt-ticket::before { content: ""; position: absolute; inset-inline-start: -1px; top: 16%; bottom: 16%; width: 4px; border-radius: 4px; background: var(--tnt-t); }
.tnt .tnt-ticket:hover { transform: translateY(-2px); box-shadow: var(--tnt-shadow); border-color: rgba(var(--tnt-gold-rgb), .45); }
.tnt .tnt-ticket--warning { --tnt-t: var(--tnt-warning); }
.tnt .tnt-ticket--info { --tnt-t: var(--tnt-info); }
.tnt .tnt-ticket--neutral { --tnt-t: var(--tnt-border-strong); }
.tnt .tnt-ticket__icon { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; flex-shrink: 0; background: var(--tnt-primary-50); color: var(--tnt-navy-700); }
.tnt .tnt-ticket--warning .tnt-ticket__icon { background: var(--tnt-warning-50); color: var(--tnt-warning); }
.tnt .tnt-ticket--info .tnt-ticket__icon { background: var(--tnt-info-50); color: var(--tnt-info); }
.tnt .tnt-ticket__body { flex: 1; min-width: 0; display: grid; gap: 6px; text-align: right; }
.tnt .tnt-ticket__subject { font-size: 15px; font-weight: 800; color: var(--tnt-navy-900); line-height: 1.5; overflow-wrap: anywhere; }
.tnt .tnt-ticket__meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12.5px; color: var(--tnt-muted); }
.tnt .tnt-ticket__meta > span { display: inline-flex; align-items: center; gap: 5px; }
.tnt .tnt-ticket__meta .tnt-mono { padding: 1px 8px; border-radius: 6px; background: var(--tnt-surface-2); border: 1px solid var(--tnt-border); color: var(--tnt-text-2); }
.tnt .tnt-ticket .tnt-note__go { color: var(--tnt-muted); display: flex; transition: transform .18s, color .18s; }
.tnt .tnt-ticket:hover .tnt-note__go { color: var(--tnt-gold-600); transform: translateX(-3px); }

@media (max-width: 1100px) {
	.tnt .tnt-tickets.has-form { grid-template-columns: minmax(0, 1fr); }
	.tnt .tnt-tickets__form { position: static; }
}
@media (max-width: 600px) {
	.tnt .tnt-ticket { flex-wrap: wrap; padding: 12px; }
	.tnt .tnt-ticket .tnt-note__go { display: none; }
}