/* Màn ticket (mockup 4k/4o) — chỉ dùng token trong tokens.css. Lớp có tiền tố tk-. */
.tk-seg { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.tk-seg > button { white-space: nowrap; flex: none; }
.tk-bang a.t:hover { color: var(--link); }
.tk-cot { display: grid; grid-template-columns: 1fr 340px; gap: 16px; align-items: start; }
@media (max-width: 1000px) { .tk-cot { grid-template-columns: 1fr; } }
.tk-tin { padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.tk-tin-dau { display: flex; align-items: center; gap: 10px; }
.tk-nd { margin: 0; }
.tk-noi-bo { background: var(--warn-tint); border-color: var(--warn); }
.tk-khoa { display: inline-flex; align-items: center; gap: 4px; font: 600 12px/1.2 var(--font-sans); color: var(--warn); }
.tk-he-thong { text-align: center; padding: 2px 0; }
.tk-tabs { padding: 0 16px; }
.tk-tabs button { padding: 12px 0; font: 500 14px/1 var(--font-sans); color: var(--ink-muted); background: none; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; }
.tk-tabs button.on { color: var(--ink); border-color: var(--ink); font-weight: 600; }
.tk-o { min-height: 120px; }
.tk-soan.noi-bo .tk-o { background: var(--warn-tint); }
.tk-dinh-kem { cursor: pointer; }
.tk-kv { grid-template-columns: 110px 1fr; }
.tk-kv dd { min-width: 0; overflow-wrap: anywhere; }
.tk-bang td:nth-child(2) { min-width: 240px; } .tk-bang td:nth-child(3) { min-width: 140px; }