.customer-ticket { max-width: 720px; }
.customer-ticket h1 { font-size: 25px; letter-spacing: -.025em; line-height: 1.3; margin: 16px 0; overflow-wrap: anywhere; }
.customer-ticket-meta { display: flex; gap: 16px; justify-content: space-between; align-items: center; }
.customer-ticket-state { border-radius: 6px; padding: 5px 9px; background: color-mix(in srgb, var(--tg-theme-button-color, #4169df) 12%, transparent); font-size: 12px; font-weight: 600; white-space: nowrap; }
.customer-ticket-state[data-closed="true"] { background: color-mix(in srgb, currentColor 9%, transparent); }
.customer-ticket-description { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.65; max-height: 6.6em; overflow: hidden; }
.customer-ticket-description[data-expanded="true"] { max-height: none; }
.customer-text-button { border: 0; padding: 8px 0 0; background: transparent; color: var(--tg-theme-button-color, #4169df); font: inherit; font-size: 13px; cursor: pointer; }
.customer-ticket-date { font-size: 11px; color: var(--tg-theme-hint-color, #657186); margin: 20px 0 0; }
.customer-conversation { padding: 26px 4px 8px; }
.customer-conversation h2 { margin: 0 0 20px; font-size: 15px; }
.customer-messages, .customer-ticket-files { list-style: none; padding: 0; margin: 0; }
.customer-message { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 22px; }
.customer-message[data-direction="customer"] { align-items: flex-end; }
.customer-message-meta { font-size: 11px; color: var(--tg-theme-hint-color, #657186); margin: 0 3px 7px; }
.customer-message-body { max-width: 90%; padding: 13px 16px; border-radius: 3px 14px 14px; background: var(--tg-theme-bg-color, white); border: 1px solid color-mix(in srgb, currentColor 10%, transparent); }
.customer-message[data-direction="customer"] .customer-message-body { background: color-mix(in srgb, var(--tg-theme-button-color, #4169df) 9%, var(--tg-theme-bg-color, white)); border-radius: 14px 3px 14px 14px; }
.customer-message-text, .customer-file-caption { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.6; margin: 0; }
.customer-ticket-files li { margin-top: 12px; }
.customer-download { display: block; max-width: 100%; text-align: left; border: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius: 8px; padding: 10px 12px; margin-top: 8px; background: transparent; color: var(--tg-theme-button-color, #4169df); font: inherit; font-size: 12px; overflow-wrap: anywhere; cursor: pointer; }
.customer-ticket-empty, .customer-closed { font-size: 14px; line-height: 1.6; color: var(--tg-theme-hint-color, #657186); }
.customer-older { margin-bottom: 16px; font-size: 12px; }
.customer-composer { padding: 22px; }
.customer-composer .customer-field { margin-bottom: 16px; }
.customer-composer textarea { min-height: 100px; }
.customer-composer .customer-actions { margin-top: 16px; }
@media (max-width: 480px) { .customer-ticket h1 { font-size: 22px; } .customer-message-body { max-width: 95%; } .customer-composer { padding: 18px; } }