/* transactions screen — styles specific to this screen only; shared styles live in tiye.css */

.tx .kpi .value.md { font-size: 20px; }
.tx .kpi .t-label .ty-arr { width: 11px; height: 11px; vertical-align: -1px; }

/* UNKNOWN banner (design p.10): the badge is inverted — white, outlined, red word. */
.tx-alarm { padding: 10px 12px 10px 16px; gap: 16px; }
.tx-alarm .badge.b-red { background: #fff; color: var(--red); border-color: #fff; }
.tx-alarm .badge.b-red svg circle:first-child { fill: var(--red); }
.tx-alarm .badge.b-red svg path { stroke: #fff; }
.tx-alarm .badge.b-red svg circle + path + circle { fill: #fff; }
.tx-alarm-text { font-size: 13.5px; min-width: 0; }
.tx-alarm-text b { font-weight: 600; }

.tx .tx-search { flex: 0 1 344px; min-width: 280px; }
.tx .seg button { height: 32px; }
.tx-table td.mono { font-size: 12.5px; }
.tx-table .tx-actcol { width: 1%; padding-left: 4px; }
.tx-table:not(.has-acts) .tx-actcol { padding: 0; }
.tx-table tr.act td { height: 38px; }