/* ==========================================================================
   SUPPORT / TICKET FAMILY — Müşteri + Admin ortak
   Namespace: .aho-tkt-*
   ========================================================================== */

.aho-tkt-list {
    display: flex;
    flex-direction: column;
    gap: var(--aho-space-2);
    margin-top: var(--aho-space-4);
}
.aho-tkt-item {
    background: var(--aho-color-bg);
    border: 1px solid var(--aho-color-border);
    border-radius: var(--aho-radius-md);
    padding: var(--aho-space-4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--aho-space-3);
    text-decoration: none;
    color: inherit;
    transition: all var(--aho-motion-fast);
    flex-wrap: wrap;
}
.aho-tkt-item:hover {
    border-color: var(--aho-color-primary-400);
    box-shadow: var(--aho-shadow-sm);
}
.aho-tkt-item__number {
    font-family: var(--aho-font-mono);
    font-size: var(--aho-text-xs);
    color: var(--aho-color-ink-500);
    display: block;
    margin-bottom: 2px;
}
.aho-tkt-item__subject {
    font-weight: 600;
    color: var(--aho-color-ink-900);
}
.aho-tkt-item__meta {
    font-size: var(--aho-text-xs);
    color: var(--aho-color-ink-500);
    display: flex;
    align-items: center;
    gap: var(--aho-space-2);
    margin-top: 2px;
}
.aho-tkt-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: var(--aho-radius-full);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.aho-tkt-badge--open           { background: #dbeafe; color: #1e40af; }
.aho-tkt-badge--answered       { background: #d1fae5; color: #065f46; }
.aho-tkt-badge--customer_reply { background: #fef3c7; color: #92400e; }
.aho-tkt-badge--closed         { background: var(--aho-color-bg-muted); color: var(--aho-color-ink-500); }
.aho-tkt-badge--on_hold        { background: #fee2e2; color: #991b1b; }
.aho-tkt-badge--low            { background: #f1f5f9; color: #64748b; }
.aho-tkt-badge--medium         { background: #dbeafe; color: #1e40af; }
.aho-tkt-badge--high           { background: #fef3c7; color: #92400e; }
.aho-tkt-badge--urgent         { background: #fee2e2; color: #991b1b; }

/* Thread */
.aho-tkt-thread {
    display: flex;
    flex-direction: column;
    gap: var(--aho-space-3);
    margin-top: var(--aho-space-4);
}
.aho-tkt-reply {
    background: var(--aho-color-bg);
    border: 1px solid var(--aho-color-border);
    border-radius: var(--aho-radius-md);
    padding: var(--aho-space-4);
}
.aho-tkt-reply--admin {
    background: var(--aho-color-primary-50);
    border-color: var(--aho-color-primary-200);
}
.aho-tkt-reply--system {
    background: var(--aho-color-bg-muted);
    color: var(--aho-color-ink-500);
    font-style: italic;
    font-size: var(--aho-text-sm);
}
.aho-tkt-reply__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--aho-text-xs);
    color: var(--aho-color-ink-500);
    margin-bottom: var(--aho-space-2);
    padding-bottom: var(--aho-space-2);
    border-bottom: 1px solid var(--aho-color-border);
}
.aho-tkt-reply__author {
    font-weight: 600;
    color: var(--aho-color-ink-800);
}
.aho-tkt-reply__body {
    color: var(--aho-color-ink-700);
    line-height: var(--aho-leading-loose);
    white-space: pre-wrap;
    word-break: break-word;
}

.aho-tkt-reply-form {
    background: var(--aho-color-bg);
    border: 1px solid var(--aho-color-border);
    border-radius: var(--aho-radius-md);
    padding: var(--aho-space-4);
    margin-top: var(--aho-space-4);
}