
.tickets-shell{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
    align-items:start;
    width:100%;
}

.ticket-list-card,
.ticket-detail-card{
    display:grid;
    gap:14px;
    min-width:0;
    width:100%;
    grid-column:auto;
}

.ticket-filters{display:grid;gap:14px}
.ticket-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:end}
.ticket-filters-grid label{display:grid;gap:8px;min-width:0}
.ticket-filters-grid .actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ticket-form-grid{display:grid;grid-template-columns:1fr;gap:14px}
.ticket-form-grid__full{grid-column:1 / -1}
.ticket-table td,.ticket-table th{vertical-align:top}
.ticket-table td:last-child,.ticket-table th:last-child,.licenses-table td:last-child,.licenses-table th:last-child{width:1%;white-space:nowrap}
.ticket-table .actions,.licenses-table .actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap}
.ticket-summary{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}
.ticket-summary > *{margin:0}
.ticket-summary__id{display:inline-flex;align-items:center;gap:8px;min-width:0}
.ticket-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ticket-actions form{margin:0}
.tickets-messages{display:grid;gap:12px;max-height:none;overflow:auto;padding-right:4px}
.message-card-row{display:flex}
.message-card-row--accent .message-card{border-color:color-mix(in srgb,var(--panel-accent) 28%, transparent);background:color-mix(in srgb,var(--panel-accent) 8%, rgba(255,255,255,.02))}
.message-card{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:flex-start;padding:14px;border-radius:18px;border:1px solid var(--panel-line);background:rgba(255,255,255,.02);min-width:0}
.message-card__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#111;display:block}
.message-card__body{display:grid;gap:8px;min-width:0}
.message-card__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.message-card__text{line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:860px){.ticket-form-grid,.ticket-filters-grid{grid-template-columns:1fr}}
