.transaction-ledger{margin-block:42px 30px;padding-block-start:28px;border-block-start:1px solid #cbd0ca;container-type:inline-size}
.report-actions a{display:inline-flex;align-items:center;min-block-size:44px;padding-block:10px;font-size:14px}
.ledger-heading,.receipt-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.ledger-heading h3{font-size:27px}.ledger-heading p{font-size:14px;color:#626565}
.transaction-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.8fr) auto;align-items:end;gap:20px;margin-block:24px}.transaction-filters label,#receipt-link-fallback label{display:block;font-size:14px;margin-block-end:8px}.transaction-filters input,.transaction-filters select,#receipt-link{inline-size:100%;min-block-size:48px;border:1px solid #a5aaa5;border-radius:2px;background:#fff;padding:10px 12px;color:#17191b;font:15px/1.5 DueframeSans,Arial,sans-serif}.transaction-filters button{min-block-size:48px}
.transaction-filters select{appearance:none}
.transaction-ledger button{font-family:DueframeSans,Arial,sans-serif;cursor:pointer;min-block-size:44px}.transaction-ledger button:disabled{cursor:default;opacity:.5}.transaction-ledger :is(input,select,button,a,[tabindex]):focus-visible{outline:3px solid #b42e21;outline-offset:4px}
.transaction-scroll{overflow-x:auto;margin-block:18px;scrollbar-color:#626565 #edf0ea}.transaction-scroll table{inline-size:100%;min-inline-size:760px;border-collapse:collapse;font-size:14px;line-height:1.6}.transaction-scroll caption{text-align:start;font-size:14px;color:#626565;padding-block-end:12px}.transaction-scroll :is(th,td){text-align:start;vertical-align:top;padding:16px 14px;border-block-end:1px solid #d2d5d2;font-weight:400}.transaction-scroll thead th{font-size:14px;font-weight:600;background:#edf0ea;border-block-start:1px solid #cbd0ca}.transaction-scroll tbody th{inline-size:28%;font-weight:500}.transaction-scroll td:nth-child(2){inline-size:24%}.transaction-scroll td:nth-child(4){font-variant-numeric:tabular-nums;white-space:nowrap}.transaction-scroll button{padding:8px 12px;border:1px solid #a5aaa5;border-radius:3px;background:#fff;color:#17191b;font-size:14px;white-space:nowrap}.transaction-scroll button:hover{background:#edf0ea}.transaction-scroll tr[data-selected=true]{background:#e9ece7}.transaction-hash{display:block;color:#626565;font-size:14px;font-weight:400;margin-block-start:5px}
.transaction-pagination{display:flex;align-items:center;gap:22px;justify-content:end}.transaction-pagination button,.transaction-filters>button{padding:8px 14px;background:transparent;border:1px solid #a5aaa5;border-radius:3px;color:#17191b;font-size:14px}.transaction-pagination span{font-size:14px;white-space:nowrap}.receipt-boundary{font-size:14px;color:#626565;max-inline-size:76ch;margin-block-start:24px}
.receipt-panel{scroll-margin-block-start:24px;margin-block:30px;padding-block:24px;border-block:1px solid #d33d2b}.receipt-heading h4{font-size:23px;margin:0}.receipt-heading a{font-size:14px;min-block-size:44px;display:flex;align-items:center}.receipt-hash{overflow-wrap:anywhere;font-size:14px;color:#626565;margin-block:10px 18px}.receipt-panel #receipt-feedback{font-size:16px;color:#17191b;max-inline-size:70ch}.receipt-panel #receipt-feedback[data-state=different]{color:#a72b20;font-weight:600}#receipt-observed{font-size:14px;color:#626565;margin-block:10px}.receipt-actions{display:flex;flex-wrap:wrap;gap:6px 26px;margin-block:14px}.receipt-actions button{border:0;background:transparent;color:#17191b;padding:10px 0;font-size:14px;text-decoration:underline;text-underline-offset:5px}.receipt-actions button:disabled{text-decoration:none}.receipt-actions button:hover:not(:disabled){color:#a72b20}#transaction-feedback:empty,#receipt-observed:empty{display:none}#transaction-feedback{font-size:14px}#receipt-link-fallback{margin-block:18px}
.receipt-readings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;margin-block-start:24px}.receipt-readings:has(#receipt-live[hidden]){grid-template-columns:minmax(0,1fr)}.receipt-readings h5{font:600 15px/1.5 DueframeSans,Arial,sans-serif;margin:0 0 16px}.receipt-readings dl{margin:0}.receipt-readings dl>div{display:block;padding-block:12px;border-block-start:1px solid #d2d5d2}.receipt-readings dt{font-size:14px;color:#626565}.receipt-readings dd{margin:7px 0 0;font-size:15px;font-family:DueframeSans,Arial,sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.receipt-checks{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.receipt-checks li{display:flex;flex-direction:column;gap:6px;padding-block:12px;border-block-start:1px solid #d2d5d2;font-size:14px;overflow-wrap:anywhere}.receipt-checks strong{font-weight:600}.receipt-context{margin-block:20px 0}.receipt-context dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.receipt-context dl>div{display:block;padding-block:12px}.receipt-context dt{font-size:14px}.receipt-context dd{margin:6px 0 0;font-size:14px;overflow-wrap:anywhere}
@container(max-width:700px){.transaction-filters{grid-template-columns:minmax(0,1fr)}.transaction-filters>button{justify-self:start}.ledger-heading,.receipt-heading{display:block}.ledger-heading h3{font-size:25px}.receipt-readings{gap:22px}.receipt-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}.receipt-context dl{grid-template-columns:minmax(0,1fr)}.transaction-pagination{justify-content:space-between;gap:8px}.transaction-pagination button{padding-inline:10px}.receipt-heading h4{font-size:22px}.transaction-ledger{margin-block-start:30px}.receipt-actions{gap:0 20px}}