/* Dense rows reflow by available content width; ticket facts are never hidden. */
#tickets-view-options { flex-wrap: wrap; max-width: 100%; }
#tickets-rows { min-width: 0; max-width: 100%; container-type: inline-size; }
.ticket-rows-group { margin: 12px 0; border: 1px solid var(--border); border-radius: 8px; }
.ticket-rows-group h3 { margin: 0; font-size: 1rem; }
.ticket-rows-toggle, .ticket-row-title, .ticket-title-button {
    font: inherit; color: inherit; background: transparent; border: 0;
    text-align: left; white-space: normal; overflow-wrap: anywhere; cursor: pointer;
}
.ticket-rows-toggle { width: 100%; min-height: 44px; padding: 10px 12px; font-weight: 600; }
.ticket-row-title { width: 100%; min-height: 44px; padding: 0; font-weight: 600; }
.ticket-title-button { padding: 0; width: 100%; }
.ticket-rows-toggle:focus-visible, .ticket-row-title:focus-visible, .ticket-title-button:focus-visible {
    outline: 2px solid var(--accent); outline-offset: 2px;
}
.ticket-rows-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: .84rem; }
.ticket-rows-table th, .ticket-rows-table td { padding: 8px; text-align: left; vertical-align: top; overflow-wrap: anywhere; white-space: normal; }
.ticket-rows-table th:first-child, .ticket-rows-table td:first-child { width: 28%; }
.ticket-rows-table tr { border-top: 1px solid var(--border); }
.ticket-rows-table .tag { max-width: 100%; white-space: normal; overflow-wrap: anywhere; margin: 2px; }
#tickets-layout-link-fallback { min-width: 0; max-width: 100%; }
#tickets-layout-link { width: 100%; min-width: 0; }
.ticket-rows-status { margin: 8px 0; color: var(--text-muted); }
@container (max-width: 1000px) {
    .ticket-rows-table, .ticket-rows-table tbody { display: block; }
    .ticket-rows-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .ticket-rows-table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px; }
    .ticket-rows-table td, .ticket-rows-table td:first-child { display: block; width: auto; min-width: 0; }
    .ticket-rows-table td:first-child { grid-column: 1 / -1; }
    .ticket-rows-table td::before { content: attr(data-label); display: block; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
}
@container (max-width: 480px) {
    .ticket-rows-table tr { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
    #tickets-rows, #tickets-rows * { scroll-behavior: auto; transition: none; animation: none; }
}