/* ─────────────────────────────────────────────────────────────────────────
   Звернення очима клієнта — «Статус звернення» і «Мої звернення».

   Шкіра для partials/_ticket_card.html. Класи теми (.v0-card, .v0-inset,
   .v0-badge-*) тут НЕ перевизначаються — файл лише додає те, чого в темі
   немає. За гайдом: тільки токени, жодного #hex, прозорість карток не чіпаємо.
   ───────────────────────────────────────────────────────────────────────── */

.hex-theme .tkt {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.hex-theme .tkt-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.hex-theme .tkt-num {
    font-size: 0.95rem;
    letter-spacing: 0.04em;
    color: var(--v0-primary);
}

.hex-theme .tkt-subject {
    margin: 0;
    overflow-wrap: anywhere;
}

.hex-theme .tkt-dates {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.2rem;
    font-size: 0.82rem;
    color: var(--v0-muted);
}

.hex-theme .tkt-dates i {
    margin-right: 0.4rem;
    color: var(--v0-faint);
}

.hex-theme .tkt-block {
    display: block;
}

.hex-theme .tkt-block-hd {
    margin-bottom: 0.4rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--v0-muted);
}

/* Людина писала свій текст рядками — зберігаємо їх. pre-wrap, а не HTML:
   у полі опису лежить чужий текст, і він мусить лишитись текстом. */
.hex-theme .tkt-text {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: 0.92rem;
    line-height: 1.65;
    color: var(--v0-fg);
}

.hex-theme .tkt-pending {
    margin: 0;
}

.hex-theme .tkt-followup {
    margin-top: 0.5rem;
}

.hex-theme .tkt-followup-time {
    margin-top: 0.35rem;
    font-size: 0.75rem;
    color: var(--v0-faint);
}

.hex-theme .v0-tkt-empty-ico {
    font-size: 2.6rem;
    margin-bottom: 1rem;
    color: var(--v0-faint);
}

/* Кілька карток підряд у «Моїх зверненнях» — між ними потрібен простір,
   якого на одиночній сторінці статусу не було. */
.hex-theme .v0-support .v0-support-card + .v0-support-card {
    margin-top: 1rem;
}