.payment-report-filters label,.payment-report-filters label:first-child{flex:0 0 168px;min-width:0}
.payment-report-panel{margin-top:22px;background:#fff;border:1px solid #dde8df;border-radius:14px;padding:24px}
.payment-report-panel h2{margin:0 0 4px}
.payment-report-panel>p{margin:0 0 8px}
.payment-report-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,1fr);gap:24px;align-items:start;margin-top:8px}
.payment-report-visual{text-align:center;min-width:0}
.payment-report-visual small{display:block;color:#648473;font-size:12px;margin-top:8px}
.payment-report-legend{min-width:0}
.payment-report-legend h3{font-size:17px;margin:0 0 12px}
.payment-report-legend-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto 60px;align-items:center;gap:8px;min-height:38px;padding:7px 4px;border-bottom:1px solid #eef2ee;font-size:13px;transition:opacity .18s}
.payment-report-legend-row:hover{background:#f5f9f5}
.payment-report-swatch{display:inline-block;width:12px;height:12px;border-radius:4px;vertical-align:middle}
.payment-report-legend-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.payment-report-legend-share{text-align:right;color:#608174;font-weight:800}
.payment-report-note{font-size:12px;margin-top:14px}
@media(max-width:950px){.payment-report-layout{grid-template-columns:1fr}}
@media(max-width:640px){.payment-report-panel{padding:14px}.payment-report-legend-row{grid-template-columns:12px minmax(0,1fr) auto 52px;gap:6px}}