/* TXK Court Watch board. Rides on txk-scanner.css for tabs, cards and badges; this adds what differs. */
.txk-ct-board { --sc-accent: var(--abn-red, var(--txk-brand, #c8102e)); }
.txk-ct-board .txk-sc-badge { background: #334155; }
.txk-ct-board .txk-ct-p1 { border-left-color: #0ea5e9; }
.txk-ct-board .txk-ct-p2 { border-left-color: #eab308; }
.txk-ct-board .txk-ct-p3, .txk-ct-board .txk-ct-p4 { border-left-color: #f97316; }
.txk-ct-board .txk-ct-p3 .txk-sc-badge, .txk-ct-board .txk-ct-p4 .txk-sc-badge { background: #f97316; }
.txk-ct-board .txk-ct-p2 .txk-sc-badge { background: #ca8a04; }
.txk-ct-board .txk-ct-notable { box-shadow: inset 0 0 0 1px rgba(225,29,72,.5); }
.txk-ct-board .txk-ct-flag { font-size: .7rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; padding: .1rem .45rem; border-radius: 999px; border: 1px solid var(--sc-line); color: var(--sc-muted); }
.txk-ct-board .txk-ct-flag--hot { border-color: #e11d48; color: #e11d48; }
.txk-ct-board .txk-ct-foot { display: block; margin-top: .25rem; font-size: .8rem; color: var(--sc-muted); }
.txk-ct-board .txk-ct-foot a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.txk-ct-board .txk-ct-case { font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.txk-ct-board .txk-sc-filters__row { grid-template-columns: 1fr 1fr; }
@media (min-width: 720px) { .txk-ct-board .txk-sc-filters__row { grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.6fr) auto; } }
.txk-ct-courts { width: 100%; border-collapse: collapse; font-size: .92rem; }
.txk-ct-courts th, .txk-ct-courts td { text-align: left; padding: .5rem .6rem; border-bottom: 1px solid var(--sc-line); }
.txk-ct-courts th { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: var(--sc-muted); font-weight: 700; }
.txk-ct-courts td:nth-child(3), .txk-ct-courts td:nth-child(4), .txk-ct-courts th:nth-child(3), .txk-ct-courts th:nth-child(4) { text-align: right; font-variant-numeric: tabular-nums; }
.txk-ct-board .txk-sc-day.is-empty { display: none; }

/* Records search, avatars and the record drawer (1.1.0) */
.txk-ct-search { margin: 0 0 1.25rem; padding: 1rem 1rem 0.75rem; border: 1px solid var(--sc-line); border-radius: 14px; background: var(--sc-surface); }
.txk-ct-search__form { display: flex; gap: .5rem; }
.txk-ct-search__form input { flex: 1; min-width: 0; font: inherit; padding: .7rem .9rem; border: 1px solid var(--sc-line); border-radius: 10px; background: rgba(0,0,0,.25); color: inherit; }
.txk-ct-search__form button { flex: 0 0 auto; padding: .7rem 1.1rem; border-radius: 10px; font-weight: 700; cursor: pointer; border: 0; background: var(--sc-accent, #c8102e); color: #fff; }
.txk-ct-search__hint { margin: .6rem 0 0; }
.txk-ct-search__hint a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.txk-ct-results { margin-top: .9rem; display: grid; gap: .75rem; }
.txk-ct-results:empty { display: none; }
.txk-ct-results .txk-sc-empty { margin: 0; }
.txk-ct-person { border: 1px solid var(--sc-line); border-radius: 12px; background: rgba(0,0,0,.18); padding: .9rem 1rem; display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: .9rem; }
.txk-ct-person__photo { width: 84px; height: 104px; border-radius: 10px; overflow: hidden; background: rgba(128,128,128,.15); display: flex; align-items: center; justify-content: center; color: var(--sc-muted); }
.txk-ct-person__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.txk-ct-person h3 { margin: 0 0 .15rem; font-size: 1.15rem; }
.txk-ct-person__sub { margin: 0 0 .6rem; color: var(--sc-muted); font-size: .88rem; }
.txk-ct-person h4 { margin: .6rem 0 .3rem; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: var(--sc-muted); }
.txk-ct-person ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .35rem; }
.txk-ct-person li { font-size: .92rem; line-height: 1.4; display: flex; gap: .6rem; align-items: flex-start; }
.txk-ct-person li .txk-ct-thumb { flex: 0 0 34px; width: 34px; height: 42px; border-radius: 6px; object-fit: cover; }
.txk-ct-person li time { flex: 0 0 5.2rem; color: var(--sc-muted); font-variant-numeric: tabular-nums; }
.txk-ct-person li .txk-ct-case { font-weight: 600; }
.txk-ct-person .txk-ct-muted { color: var(--sc-muted); }
.txk-ct-case, .txk-ct-open { background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.txk-ct-card { position: relative; padding-left: 4.4rem !important; }
.txk-ct-avatar { position: absolute; left: .9rem; top: .85rem; width: 46px; height: 56px; border-radius: 8px; overflow: hidden; border: 1px solid var(--sc-line); background: rgba(128,128,128,.12); padding: 0; cursor: pointer; color: var(--sc-muted); display: flex; align-items: center; justify-content: center; }
.txk-ct-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.txk-ct-avatar span { position: absolute; right: 2px; bottom: 2px; font-size: .65rem; font-weight: 700; background: var(--sc-accent, #c8102e); color: #fff; border-radius: 999px; padding: 0 .35rem; }
.txk-ct-drawer { position: fixed; inset: 0; z-index: 9000; background: rgba(0,0,0,.6); display: flex; justify-content: flex-end; }
.txk-ct-drawer[hidden] { display: none; }
.txk-ct-drawer__panel { width: min(640px, 100%); height: 100%; overflow-y: auto; background: #141416; color: #f3f3f3; border-left: 1px solid rgba(255,255,255,.1); padding: 1.1rem 1.2rem 2rem; position: relative; box-shadow: -20px 0 60px rgba(0,0,0,.5); }
.txk-ct-drawer__close { position: sticky; top: 0; float: right; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255,255,255,.2); background: rgba(0,0,0,.5); color: #fff; font-size: 1.3rem; cursor: pointer; z-index: 1; }
.txk-ct-rec__head { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 1rem; margin: 0 0 1rem; }
.txk-ct-rec__photo { width: 96px; height: 120px; border-radius: 10px; overflow: hidden; background: rgba(128,128,128,.15); }
.txk-ct-rec__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.txk-ct-rec h2 { margin: 0 0 .2rem; font-size: 1.35rem; line-height: 1.2; }
.txk-ct-rec h3 { margin: 1.2rem 0 .5rem; font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: var(--sc-muted); }
.txk-ct-rec p { margin: 0 0 .5rem; line-height: 1.5; }
.txk-ct-rec .txk-ct-muted { color: var(--sc-muted); font-size: .9rem; }
.txk-ct-rec ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.txk-ct-rec li { padding: .6rem .8rem; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: rgba(255,255,255,.04); font-size: .93rem; line-height: 1.45; }
.txk-ct-rec li strong { display: block; }
.txk-ct-rec li time { color: var(--sc-muted); font-size: .85rem; }
.txk-ct-rec .txk-ct-photos { display: flex; flex-wrap: wrap; gap: .5rem; }
.txk-ct-rec .txk-ct-photos button { border: 1px solid rgba(255,255,255,.12); border-radius: 8px; overflow: hidden; width: 64px; height: 80px; padding: 0; background: none; cursor: pointer; }
.txk-ct-rec .txk-ct-photos img { width: 100%; height: 100%; object-fit: cover; display: block; }
.txk-ct-rec a { color: #fff; }
.txk-ct-loading { color: var(--sc-muted); padding: .5rem 0; }
@media (max-width: 600px) { .txk-ct-person { grid-template-columns: 64px minmax(0,1fr); } .txk-ct-person__photo { width: 64px; height: 80px; } .txk-ct-card { padding-left: 3.9rem !important; } .txk-ct-avatar { width: 40px; height: 50px; left: .7rem; } }
