/* Same nine-column ledger everywhere. Only phones scroll inside the table. */
body #transactions,body #transactions .panel{min-width:0;max-width:100%}
body #transactions .panel .tablewrap{display:block;width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px}
body #transactions .panel .tablewrap>table{display:table;width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}
body #transactions .panel .tablewrap>table thead{display:table-header-group;margin:0}
body #transactions .panel .tablewrap>table tbody{display:table-row-group}
body #transactions .panel .tablewrap>table tr,body #transactions .panel .tablewrap>table tbody tr:has(.tx-select){display:table-row;position:static;margin:0;padding:0;border:0;border-radius:0;background:var(--p);box-shadow:none;touch-action:pan-x pan-y pinch-zoom}
body #transactions .panel .tablewrap>table :is(th,td):nth-child(n){display:table-cell;position:static;inset:auto;width:auto;min-width:0;max-width:none;height:auto;min-height:0;margin:0;padding:12px 8px;clip-path:none;overflow:visible;white-space:normal;overflow-wrap:anywhere;vertical-align:middle;text-align:left;border:0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5}
body #transactions .panel .tablewrap>table th:nth-child(n){background:color-mix(in srgb,var(--b) 8%,var(--p));font-size:10px;letter-spacing:.02em;color:var(--muted);font-weight:700}
body #transactions .panel .tablewrap>table th:nth-child(1){width:4%}
body #transactions .panel .tablewrap>table th:nth-child(2){width:11%}
body #transactions .panel .tablewrap>table th:nth-child(3){width:17%}
body #transactions .panel .tablewrap>table th:nth-child(4){width:10%}
body #transactions .panel .tablewrap>table th:nth-child(5){width:12%}
body #transactions .panel .tablewrap>table th:nth-child(6){width:12%}
body #transactions .panel .tablewrap>table th:nth-child(7){width:9%}
body #transactions .panel .tablewrap>table th:nth-child(8){width:15%;text-align:right}
body #transactions .panel .tablewrap>table th:nth-child(9){width:10%;text-align:right}
body #transactions .panel .tablewrap>table td:first-child{position:static;width:auto;text-align:center;padding:12px 5px}
body #transactions .panel .tablewrap>table td:nth-child(2){padding:12px 8px;white-space:normal;font-size:11px}
body #transactions .panel .tablewrap>table td:nth-child(3){font-size:13px;font-weight:600}
body #transactions .panel .tablewrap>table td:nth-child(4)::before{content:none}
body #transactions .panel .tablewrap>table td:nth-child(4)[data-empty=true]{display:table-cell}
body #transactions .panel .tablewrap>table td:nth-child(5),body #transactions .panel .tablewrap>table td:nth-child(6),body #transactions .panel .tablewrap>table td:nth-child(7),body #transactions .panel .tablewrap>table td:nth-child(9){display:table-cell}
body #transactions .panel .tablewrap>table td:nth-child(8){text-align:right;min-width:0;white-space:normal;font-size:13px;font-variant-numeric:tabular-nums}
body #transactions .panel .tablewrap>table td:nth-child(9){padding:8px 6px;text-align:right;border-bottom:1px solid var(--line)}
body #transactions .panel .tablewrap>table .transaction-record-label{gap:5px;align-items:center;min-width:0}
body #transactions .panel .tablewrap>table .record-icon{flex:0 0 24px;width:24px;height:24px;font-size:15px}
body #transactions .panel .tablewrap>table .transaction-record-label>span:last-child{min-width:0;overflow-wrap:anywhere}
body #transactions .panel .tablewrap>table .amount-original{display:block;white-space:normal;overflow-wrap:anywhere;font-size:10px;line-height:1.5;margin-top:3px}
body #transactions .panel .tablewrap>table .pill{display:inline-block;max-width:100%;white-space:normal;font-size:10px;padding:3px 5px}
body #transactions .panel .tablewrap>table .transaction-mobile-meta{display:none}
body #transactions .panel .tablewrap>table td:nth-child(9) .transaction-edit{display:inline-flex!important;align-items:center;justify-content:center;min-width:0;min-height:40px;width:calc(55% - 4px);max-width:none;padding:6px 3px;font-size:11px}
body #transactions .panel .tablewrap>table td:nth-child(9) .transaction-more{display:inline-flex;align-items:center;justify-content:center;width:40%;max-width:44px;min-width:0;min-height:40px;height:auto;padding:0;font-size:21px;border-color:var(--line);background:var(--p);flex:none}
body #transactions .panel .tablewrap>table tbody tr.selected-row{background:color-mix(in srgb,var(--b) 8%,var(--p))}
body #transactions .panel .tablewrap>table tbody tr:hover{background:color-mix(in srgb,var(--b) 3%,var(--p))}
body #transactions .panel .tablewrap>table td.empty:first-child{display:table-cell;position:static;width:auto;padding:30px 16px;text-align:center}
.transaction-table-hint{display:none}
@media(min-width:681px) and (max-width:1024px){
 body #transactions .panel .tablewrap>table th:nth-child(2){width:12%}
 body #transactions .panel .tablewrap>table th:nth-child(3){width:19%}
 body #transactions .panel .tablewrap>table th:nth-child(7){width:10%}
 body #transactions .panel .tablewrap>table th:nth-child(9){width:6%}
 body #transactions .panel .tablewrap>table :is(th,td):nth-child(n){padding-inline:5px}
}
@media(max-width:1024px){
 body #transactions .panel .tablewrap>table td:nth-child(9) .transaction-edit{display:none!important}
 body #transactions .panel .tablewrap>table td:nth-child(9) .transaction-more{width:100%;min-height:44px;max-width:44px}
}
@media(max-width:680px){
 body #transactions .panel .tablewrap>table{min-width:1100px;table-layout:fixed}
 body #transactions .panel .tablewrap>table :is(th,td):nth-child(n){font-size:13px;padding:13px 10px}
 body #transactions .panel .tablewrap>table th:nth-child(n){font-size:11px}
 body #transactions .panel .tablewrap>table td:nth-child(8){font-size:14px}
 body #transactions .panel .tablewrap>table .amount-original{font-size:11px}
 body #transactions .panel .tablewrap>table th:nth-child(3){width:20%}
 body #transactions .panel .tablewrap>table th:nth-child(8){width:17%}
 body #transactions .panel .tablewrap>table th:nth-child(9){width:5%}
 body #transactions .panel .tablewrap>table td:nth-child(9) .transaction-more{min-height:44px;max-width:44px}
 body #transactions.mobile-selecting .panel .tablewrap>table td:first-child:has(.tx-select){position:static;inset:auto;padding:13px 5px}
 body #transactions.mobile-selecting .panel .tablewrap>table td:nth-child(2){padding-left:10px}
 body #transactions .transaction-table-hint{display:block;font-size:12px;color:var(--muted);margin:10px 0 0}
}

body #transactions #allrows tr:has(.tx-select){touch-action:pan-x pan-y pinch-zoom}
@media(min-width:1025px) and (max-width:1200px){
 body #transactions .panel .tablewrap>table td:nth-child(9) .transaction-edit{width:100%;margin-bottom:4px}
 body #transactions .panel .tablewrap>table td:nth-child(9) .transaction-more{width:100%}
}
/* Old card-only selection caption does not belong in a table header. */
body #transactions .panel .tablewrap>table thead th:first-child::after{content:none}