/* css/support.css - tickets list and message thread (creator support page + admin tab) */
.ticket-list { padding: 8px; }
.ticket-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px; border-radius: var(--radius-sm); cursor: pointer; border: 1px solid transparent; }
.ticket-item:hover, .ticket-item.active { background: var(--bg-elevated); border-color: var(--border); }
.ticket-item .t-subject { font-weight: 600; }
.ticket-item .t-meta { color: var(--text-faint); font-size: 12px; }
.thread { display: flex; flex-direction: column; gap: 10px; margin: 14px 0; max-height: 420px; overflow: auto; }
.msg { max-width: 85%; padding: 10px 12px; border-radius: 12px; background: var(--bg-elevated); font-size: 14px; white-space: pre-wrap; overflow-wrap: anywhere; }
.msg.mine { align-self: flex-end; background: rgba(91, 141, 239, .18); }
.msg small { display: block; color: var(--text-faint); font-size: 11px; margin-top: 4px; }
.reply-box { display: flex; gap: 10px; align-items: flex-end; }
.reply-box textarea { flex: 1; min-height: 44px; }
.panel-head select { min-width: 140px; }