.tr-report{background:#fff;border:1px solid #c4d4df;border-radius:12px;padding:18px;min-width:0}.tr-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding-bottom:16px;border-bottom:1px solid #dce6ed}.tr-filters>label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#526b7a}.tr-filters input,.tr-filters select{width:auto;min-width:120px;font-size:13px;padding:8px}.tr-search{flex:1;min-width:200px}.tr-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}.tr-actions>span{flex:1;color:#526b7a;font-size:13px}.tr-table-wrap{overflow:auto;max-height:65vh;border:1px solid #dce6ed;border-radius:6px;overscroll-behavior:contain}.tr-table-wrap table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.tr-table-wrap th{position:sticky;top:0;background:#e4eef5;z-index:2;white-space:nowrap;text-align:left}.tr-table-wrap td,.tr-table-wrap th{padding:10px 12px;border-bottom:1px solid #e3ebf0;white-space:nowrap}.tr-table-wrap tbody tr:nth-child(odd){background:#f7fafc}.tr-table-wrap td:first-child,.tr-table-wrap th:first-child{position:sticky;left:0;background:#f0f5f9;z-index:1}.tr-table-wrap th:first-child{z-index:3;background:#e4eef5}.tr-table-wrap th button{border:0;padding:0;background:transparent;font-size:12px;color:#31556a}.tr-table-wrap .tr-number{text-align:right;font-variant-numeric:tabular-nums}.tr-table-wrap .tr-total td{background:#eaf4f2;font-weight:600}.tr-cell-link{border:0;background:transparent;color:#1688a8;text-decoration:underline;padding:0}.tr-pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0;font-size:12px;color:#627d8d}.tr-notes{font-size:12px;line-height:1.7;color:#627d8d}.tr-dialog{width:min(1400px,94vw);max-height:90vh;border:1px solid #c4d4df;border-radius:12px;padding:20px;box-sizing:border-box}.tr-dialog-head{display:flex;align-items:center;justify-content:space-between}.tr-dialog h2{font-size:18px}.tr-dialog .tr-table-wrap{margin-top:14px}.tr-columns{width:520px}.tr-columns label{display:inline-flex;width:48%;gap:6px;margin:8px 0}.tr-columns input{width:auto}.tr-city-picker{position:relative;font-size:13px;align-self:end}.tr-city-picker summary{cursor:pointer;padding:9px;border:1px solid #c4d4df;border-radius:5px}.tr-city-picker>div{position:absolute;top:100%;left:0;z-index:5;width:220px;max-height:280px;overflow:auto;background:#fff;box-shadow:0 4px 16px #243b5326;padding:10px;border:1px solid #c4d4df}.tr-city-picker label{display:flex;align-items:center;padding:5px;gap:6px}.tr-city-picker input{width:auto;min-width:0}.tr-dialog::backdrop{background:#23374666}

/* Keep sortable headings and values on the same column edge. */
.tr-table-wrap td:not(.tr-number){text-align:left}
.tr-table-wrap th button{display:block;width:100%;min-width:0;margin:0;text-align:inherit;box-sizing:border-box}