#transactionReportChart{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;max-width:100%}
#transactionReportChart>.tr-chart-panel{min-width:0;max-width:100%;margin:0;padding:12px 16px}
.tr-chart-head{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;min-width:0}
.tr-chart-head h2{margin:0;font-size:14px;line-height:20px;overflow-wrap:anywhere}
.tr-chart-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px;line-height:20px}
.tr-chart-legend>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.tr-chart-legend i{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:currentColor}
.tr-chart-legend .tr-payin i{color:var(--blue)}
.tr-chart-legend .tr-payout i{color:var(--color-accent)}
.tr-chart-meta{margin:4px 0;color:var(--muted);font-size:12px;line-height:18px;overflow-wrap:anywhere}
.tr-chart-scroll{min-width:0;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;touch-action:pan-x pan-y}
.tr-chart-svg{display:block;width:auto;min-width:100%;height:252px;max-width:none;font-family:var(--font-sans);font-variant-numeric:tabular-nums}
.tr-chart-grid{fill:none;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}
.tr-chart-axis{fill:var(--muted);font-size:11px;pointer-events:none}
.tr-chart-day{cursor:pointer}
.tr-chart-bar.tr-payin{fill:var(--blue)}
.tr-chart-bar.tr-payout{fill:var(--color-accent)}
.tr-chart-zero{stroke-width:2;vector-effect:non-scaling-stroke}
.tr-chart-zero.tr-payin{stroke:var(--blue)}
.tr-chart-zero.tr-payout{stroke:var(--color-accent)}
.tr-chart-today{fill:var(--muted);font-size:11px;pointer-events:none}
.tr-chart-selection{fill:transparent;stroke:transparent;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:all}
.tr-chart-day:hover .tr-chart-selection,.tr-chart-day.selected .tr-chart-selection{fill:var(--color-surface-muted);stroke:var(--line)}
.tr-chart-day:focus-visible{outline:2px solid var(--blue);outline-offset:1px;box-shadow:none}
.tr-chart-day:focus-visible .tr-chart-selection{fill:var(--color-surface-muted);stroke:var(--blue);stroke-width:2}
.tr-chart-detail{min-height:20px;margin:4px 0 0;color:var(--ink);font-size:12px;line-height:20px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.tr-chart-state{padding:24px 12px;color:var(--muted);text-align:center;font-size:13px;line-height:20px;overflow-wrap:anywhere}
.tr-chart-error{color:var(--red)}
.tr-report-table{min-width:0;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;touch-action:pan-x pan-y}
.tr-report-table>table{width:100%;min-width:620px;font-variant-numeric:tabular-nums}
.tr-report-table.section.card>table{min-width:620px}
.tr-report-table th,.tr-report-table td{padding:10px 12px}
.tr-report-table th:nth-child(n+4),.tr-report-table td:nth-child(n+4){text-align:right}
.tr-report-table td[colspan]{text-align:center;white-space:normal;overflow-wrap:anywhere}
@media(max-width:767px){#transactionReportChart>.tr-chart-panel{padding:12px}.tr-chart-head{align-items:flex-start;gap:4px 12px}.tr-chart-legend{gap:12px}.tr-report-table th,.tr-report-table td{padding:10px 8px}}

.tr-chart-head h2{font-size:16px;line-height:24px}.tr-report-table th,.tr-report-table td{padding:9px 10px}.tr-report-table th{font-size:12px}.tr-chart-detail{font-variant-numeric:tabular-nums}