` with a `` set by textContent, so a prompt
that contains markup is still only text and nothing here can execute it. */
.tksup .modal.tk-tr { width:760px; }
.tksup .tk-tr .tk-turn { padding:11px 0; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:7px; }
.tksup .tk-tr .tk-turn:first-of-type { border-top:0; }
.tksup .tk-tr .tk-turn .hd { display:flex; align-items:center; gap:8px 10px; flex-wrap:wrap; font-size:.82rem; }
.tksup .tk-tr .tk-turn time, .tksup .tk-tr .tk-turn .mdl { font-family:'JetBrains Mono',monospace; font-size:.74rem; color:var(--ink-soft); }
.tksup .tk-tr .tk-turn .cost { margin-left:auto; font-family:'JetBrains Mono',monospace; font-size:.74rem; color:var(--ink-soft); white-space:nowrap; }
.tksup .tk-tr details { border-radius:9px; background:var(--fill-2); border:1px solid var(--line); }
.tksup .tk-tr summary { padding:7px 11px; cursor:pointer; font-size:.78rem; font-weight:600; color:var(--ink-soft); }
.tksup .tk-tr pre { margin:0; padding:0 11px 11px; max-height:260px; overflow:auto; font-family:'JetBrains Mono',monospace; font-size:.72rem; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--ink-soft); }
/* ---------- activity › support log (FR-12) ---------- */
.tksup .tk-logbox { padding:6px 18px; }
.tksup .tk-log { display:flex; flex-direction:column; }
/* FIX 3 (manifest: "the `Support log` rows squeeze their action column to the right edge and wrap it
three lines deep") — round 3 spent 110 px + 170 px + 60 px on three columns that only ever hold one
short line each, and gave the action the remainder. Every column is content-sized now, the action
takes the slack, and `#n` is `max-content` and `nowrap`, so it cannot wrap at any width. */
.tksup .tk-lg { display:grid; grid-template-columns:max-content max-content minmax(0,1fr) max-content; align-items:center; gap:4px 14px; padding:10px 0; border-top:1px solid var(--line); font-size:.86rem; }
.tksup .tk-lg:first-child { border-top:0; }
.tksup .tk-lg time { font-family:'JetBrains Mono',monospace; font-size:.76rem; color:var(--ink-soft); white-space:nowrap; }
.tksup .tk-lg b { display:flex; align-items:center; gap:8px; font-weight:600; white-space:nowrap; }
.tksup .tk-lg .ac { min-width:0; color:var(--ink-soft); text-wrap:pretty; }
.tksup .tk-lg .tk { justify-self:end; font-family:'JetBrains Mono',monospace; font-size:.76rem; white-space:nowrap; }
/* ---------- narrow ---------- */
/* FR-10 — "beside the thread, or under it at ≤ 900 px". Unstuck as well as unsplit: a sticky rail under
the thread would park itself over the composer. */
@media (max-width:900px) {
.tksup .tk-det { grid-template-columns:minmax(0,1fr); gap:18px; }
.tksup .tk-rail { position:static; top:auto; }
.tksup .tk-m { max-width:88%; }
}
/* FR-6 — "at ≤ 560 px the table stacks, like the Suggestions tab's Dismissed table". The row stops being
a grid: #41 and the viewer on the first line, the ticket on its own, then class · state · holder · last.
The header row goes, since there are no columns left for it to name. The row's seven cells are reordered
by class, not by `:nth-child` and not by `:has()`, so the Class and State cells each carry one — `.cls`
and `.st` — and a cell added later cannot shuffle the rest. */
@media (max-width:560px) {
.tksup .tk-box, .tksup .tk-logbox { padding-left:14px; padding-right:14px; }
/* The filters (amendment 2026-10-17, DEB-1616): the shared `.seg` clips what overflows, so at 412 px the last
filter was 22 px of itself and a label broke over four lines. Here each filter is a pill of its own on a wrapping
row — whole, pressable, its count on its line. `.seg` itself is untouched; Activity's view switch keeps it. */
.tksup .tk-bar .seg { display:flex; flex-wrap:wrap; gap:6px; border:0; border-radius:0; overflow:visible; background:none; }
.tksup .tk-bar .seg span { flex:none; white-space:nowrap; border:1px solid var(--line-2); border-radius:var(--radius-s); }
.tksup .tk-bar .seg span:not(.on) { background:var(--fill-2); }
.tksup .tk-tbl { min-width:0; }
.tksup .tk-row.hd { display:none; }
.tksup .tk-row { display:flex; flex-wrap:wrap; align-items:center; gap:5px 9px; padding:12px 0; }
.tksup .tk-row:not(.hd):hover { margin:0 -14px; padding-left:14px; padding-right:14px; }
.tksup .tk-row > .mono { order:0; flex:none; }
.tksup .tk-row > .vw { order:0; flex:1 1 auto; }
.tksup .tk-row > .tt { order:1; flex:1 1 100%; white-space:normal; overflow:visible; text-overflow:clip; }
.tksup .tk-row > .cls, .tksup .tk-row > .st { order:2; flex:none; }
.tksup .tk-row > .tk-hold, .tksup .tk-row > .lt { order:2; flex:none; }
.tksup .tk-lg { grid-template-columns:minmax(0,1fr) max-content; gap:3px 12px; }
.tksup .tk-lg time { grid-column:1; }
.tksup .tk-lg b { grid-column:1; }
.tksup .tk-lg .ac { grid-column:1; }
.tksup .tk-lg .tk { grid-column:2; grid-row:1 / span 3; align-self:start; }
}