/* Detailed administrator settlement report. All rules remain scoped. */
.asr-panel { --asr-muted: #718097; min-width: 0; }
.asr-panel * { min-width: 0; }
.asr-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.asr-overline { display: block; color: #2455f5; font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.asr-heading h2 { margin: 5px 0 6px; font-size: 21px; letter-spacing: -.045em; }
.asr-heading p, .asr-results-head p { color: var(--asr-muted); font-size: 12px; line-height: 1.65; }
.asr-unit { color: var(--asr-muted); font-size: 11px; white-space: nowrap; }
.asr-stat-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.asr-stat { padding: 17px 16px; border: 1px solid #e7edf5; border-radius: 13px; background: #f9fbfe; }
.asr-stat > span { display: block; color: #69798f; font-size: 12px; }
.asr-stat > strong { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px; margin-top: 9px; font-size: 21px; font-weight: 750; font-variant-numeric: tabular-nums; line-height: 1.35; }
.asr-stat strong small { color: var(--asr-muted); font-size: 10px; font-weight: 500; }
.asr-stat-primary { background: #edf3ff; border-color: #e0e9ff; }
.asr-stat-primary > strong { color: #2455f5; }
.asr-panel > .asr-credit-note { margin: 14px 0 23px; padding: 0; color: #718097; font-size: 11px; line-height: 1.7; }
.asr-view-tabs { display: inline-flex; max-width: 100%; padding: 4px; background: #f1f4f9; border-radius: 10px; gap: 3px; margin-bottom: 20px; }
.asr-view-tabs button { padding: 9px 16px; border-radius: 7px; background: transparent; color: #718097; font-size: 12px; font-weight: 650; white-space: nowrap; }
.asr-view-tabs button.active { background: #fff; color: #2455f5; box-shadow: 0 2px 6px rgb(30 54 91 / 6%); }
.asr-filters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px 12px; padding: 17px; background: #f8faff; border: 1px solid #e9eef6; border-radius: 13px; }
.asr-filters label { display: flex; flex-direction: column; gap: 7px; font-size: 11px; color: #5e6e84; font-weight: 600; }
.asr-filters .asr-search { grid-column: span 2; }
.asr-filters input, .asr-filters select { min-height: 40px; height: 40px; padding: 9px 10px; font-size: 12px; line-height: 1.3; border-color: #dfe6ef; border-radius: 8px; }
.asr-filter-actions { display: flex; align-self: end; gap: 7px; grid-column: 1 / -1; justify-content: flex-end; }
.asr-button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 16px; border: 1px solid #dce4f0; border-radius: 8px; background: #fff; font-size: 12px; font-weight: 650; line-height: 1.35; }
.asr-button:hover { background: #f0f5ff; }
.asr-button-primary { color: #fff; background: #2455f5; border-color: #2455f5; }
.asr-button-primary:hover { background: #1947dd; }
.asr-text-button { padding: 6px 0; background: transparent; color: #2455f5; font-size: 11px; font-weight: 650; text-align: left; line-height: 1.6; }
.asr-text-button:hover { color: #123bc1; text-decoration: underline; }
.asr-filter-error { grid-column: 1 / -1; color: #c64242; font-size: 12px; }
.asr-results { scroll-margin-top: 20px; }
.asr-results-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 25px 0 13px; }
.asr-results-head h3 { font-size: 15px; margin-bottom: 4px; }
.asr-results-head > span { font-size: 11px; color: #65758e; text-align: right; font-variant-numeric: tabular-nums; }
.asr-result-totals { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 15px; color: #6f7d93; font-size: 11px; font-variant-numeric: tabular-nums; }
.asr-result-totals > span:first-child { color: #1d8c71; }
.asr-result-totals small { font-size: 10px; color: #8c98ab; }
.asr-ledger-head, .asr-record-summary { display: grid; grid-template-columns: 99px minmax(115px,1.35fr) minmax(91px,.95fr) minmax(100px,1fr) minmax(91px,.8fr) 83px 12px; gap: 12px; align-items: center; }
.asr-ledger-head { padding: 12px 10px; background: #f6f8fc; color: #718097; font-size: 10px; border-radius: 8px; }
.asr-ledger-head > :nth-child(5) { text-align: right; }
.asr-record { border-bottom: 1px solid #ecf0f5; }
.asr-record-summary { list-style: none; padding: 18px 10px; cursor: pointer; border-radius: 8px; }
.asr-record-summary:hover { background: #f8faff; }
.asr-record-summary::-webkit-details-marker { display: none; }
.asr-cell { display: block; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.asr-cell strong { display: block; font-size: 12px; font-weight: 650; }
.asr-cell small { display: block; color: #8190a5; font-size: 10px; font-weight: 450; line-height: 1.6; }
.asr-product { display: block; margin-top: 3px; color: #5b7191; font-size: 10px; }
.asr-cell.asr-amount { text-align: right; font-variant-numeric: tabular-nums; }
.asr-cell.asr-amount strong { color: #2455f5; font-weight: 750; font-size: 13px; }
.asr-cell .asr-unassigned { color: #9a7953; }
.asr-badge { display: inline-flex; align-items: center; justify-content: center; padding: 4px 7px; border-radius: 6px; background: #f0f3f7; color: #6e7d92; font-size: 10px; font-weight: 600; line-height: 1.4; white-space: nowrap; }
.asr-badge.asr-credited { background: #e8f5f0; color: #19836c; }
.asr-badge.asr-pending { background: #fff4df; color: #9a711f; }
.asr-badge.asr-held { background: #fff0ea; color: #ae6550; }
.asr-badge.asr-unverified { background: #f0edfa; color: #7b61a7; }
.asr-badge.asr-company_reserve { background:#edf0f7;color:#62728e; }
.asr-reserve-summary { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;margin-top:12px;border:1px solid #e8edf5;border-radius:11px;background:#fbfcfe; }
.asr-reserve-summary>div>span { display:block;font-size:11px;color:#79889e; }
.asr-reserve-summary strong { display:block;margin-top:4px;font-size:17px;font-variant-numeric:tabular-nums;color:#5a6f8e; }
.asr-reserve-summary strong small { font-size:10px;font-weight:500;color:#8290a4; }
.asr-reserve-summary p { color:#8b97a9;font-size:10px;line-height:1.6;text-align:right; }
.asr-chevron { color: #8390a5; font-size: 17px; transition: transform .16s; }
.asr-record[open] .asr-chevron { transform: rotate(180deg); }
.asr-record[open] > summary { background: #f6f9ff; }
.asr-record-detail { padding: 18px 20px 19px; background: #f8faff; border-radius: 0 0 10px 10px; margin-bottom: 9px; }
.asr-detail-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 13px; }
.asr-detail-heading h4 { margin: 0; font-size: 13px; font-weight: 700; }
.asr-detail-heading > span { font-size: 10px; color: #8c98ac; }
.asr-calculation { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; padding: 13px 15px; background: #fff; border: 1px solid #e3ebf8; border-radius: 8px; font-size: 13px; font-variant-numeric: tabular-nums; }
.asr-calculation strong { color: #2455f5; font-size: 15px; }
.asr-detail-note { margin: 8px 0 17px; font-size: 10px; color: #7a88a0; line-height: 1.65; }
.asr-center-routing { margin-top: 18px; padding: 14px; border: 1px solid #e3eaf5; border-radius: 9px; background: #fff; overflow-wrap: anywhere; }
.asr-center-routing h4 { font-size: 12px; margin: 0 0 6px; }
.asr-center-routing > p, .asr-skipped-centers p { font-size: 11px; line-height: 1.65; color: #718097; margin: 0; }
.asr-center-routing > .asr-detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 13px; }
.asr-center-routing strong, .asr-center-routing small { display: block; }
.asr-center-routing small { color: #8190a5; font-size: 10px; line-height: 1.6; margin-top: 2px; }
.asr-skipped-centers { margin-top: 14px; padding-top: 12px; border-top: 1px solid #edf0f6; }
.asr-skipped-centers h5 { font-size: 11px; margin: 0 0 8px; font-weight: 650; }
.asr-skipped-centers ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.asr-skipped-centers li { display: grid; grid-template-columns: minmax(100px,1fr) minmax(0,2fr); gap: 10px; align-items: start; font-size: 11px; }
.asr-detail-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px 22px; margin: 0; }
.asr-detail-grid dt, .asr-batch-metrics dt, .asr-member-metrics dt, .asr-allocation dt { margin-bottom: 5px; color: #7b899d; font-size: 10px; font-weight: 500; }
.asr-detail-grid dd, .asr-batch-metrics dd, .asr-member-metrics dd, .asr-allocation dd { margin: 0; font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
.asr-detail-grid dd strong, .asr-detail-grid dd small { display: block; }
.asr-detail-grid dd small { font-size: 10px; color: #7b899d; }
.asr-detail-grid .asr-identifier dd { font-size: 10px; color: #64748d; }
.asr-hold-note { padding: 10px 12px; border-radius: 8px; background: #fff2e6; color: #a06932; margin-top: 17px; font-size: 11px; line-height: 1.7; }
.asr-hold-note strong { margin-right: 5px; }
.asr-detail-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid #e4ebf5; margin-top: 19px; padding-top: 13px; }
.asr-detail-footer > span { color: #8490a2; font-size: 10px; line-height: 1.7; }
.asr-detail-footer > button { flex-shrink: 0; }
.asr-pager { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 18px; font-size: 11px; color: #7b899c; }
.asr-pager > div { display: flex; gap: 6px; }
.asr-pager .asr-button { min-height: 34px; font-size: 11px; padding: 7px 12px; }
.asr-drilldown { display: flex; justify-content: space-between; gap: 12px; align-items: center; border: 1px solid #dde8ff; border-radius: 10px; padding: 12px 15px; margin-top: 18px; background: #f0f5ff; }
.asr-drilldown span { display: block; font-size: 10px; color: #7e90ad; }
.asr-drilldown strong { display: block; margin-top: 3px; font-size: 12px; color: #365b9a; overflow-wrap: anywhere; }
.asr-drilldown button { flex-shrink: 0; }
.asr-batch-list, .asr-members { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.asr-batch, .asr-member { border: 1px solid #e5ebf4; border-radius: 12px; padding: 17px; }
.asr-batch-top, .asr-batch-bottom, .asr-member-heading, .asr-member-bottom { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.asr-batch h4 { margin: 4px 0 0; font-size: 16px; letter-spacing: -.02em; }
.asr-batch .asr-overline { font-size: 10px; letter-spacing: 0; color: #8591a6; }
.asr-batch-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; margin: 19px 0 16px; }
.asr-batch-metrics dd { font-variant-numeric: tabular-nums; }
.asr-batch-metrics dd strong { color: #2455f5; font-size: 17px; }
.asr-batch-metrics dd small { font-size: 10px; color: #7a899f; }
.asr-batch-bottom { border-top: 1px solid #edf0f6; padding-top: 10px; }
.asr-batch-bottom > span { color: #8590a2; font-size: 10px; line-height: 1.6; }
.asr-batch-bottom > button { flex-shrink: 0; }
.asr-member-avatar { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; flex: 0 0 35px; border-radius: 50%; background: #eef3ff; color: #4b6daa; font-size: 13px; font-weight: 650; }
.asr-member-heading > div { margin-right: auto; }
.asr-member-heading strong { display: block; font-size: 13px; }
.asr-member-heading small { display: block; font-size: 10px; color: #8794a8; }
.asr-member-heading > span:last-child { color: #8996aa; font-size: 11px; }
.asr-member-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 15px 0; margin: 13px 0 0; border-top: 1px solid #edf0f6; }
.asr-member-metrics dd { font-variant-numeric: tabular-nums; font-size: 12px; }
.asr-member-metrics strong { color: #2455f5; }
.asr-member-bottom > small { color: #9aa4b4; font-size: 10px; }
.asr-filter-hint { color: #8794a8; font-size: 11px; margin: 10px 0 15px; line-height: 1.7; }
.asr-empty { grid-column: 1 / -1; padding: 35px 15px; text-align: center; background: #fafbfe; border: 1px dashed #e2e8f3; border-radius: 10px; }
.asr-empty strong { font-size: 13px; font-weight: 600; }
.asr-empty p { font-size: 12px; color: #8996a9; margin-top: 6px; }
.asr-empty button { margin-top: 8px; }
.asr-allocation { margin-top: 24px; padding: 15px 17px; border: 1px solid #edf0f5; border-radius: 10px; background: #fbfcfe; }
.asr-allocation > summary { cursor: pointer; font-size: 12px; font-weight: 600; color: #627590; }
.asr-allocation > summary > span { margin-left: 8px; color: #929db0; font-size: 10px; font-weight: 450; }
.asr-allocation dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 17px 0 14px; }
.asr-allocation p { font-size: 10px; line-height: 1.7; color: #8b97aa; margin-top: 6px; }
.asr-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 1100px) {
  .asr-ledger-head, .asr-record-summary { grid-template-columns: 88px minmax(100px,1.25fr) minmax(88px,1fr) minmax(92px,1fr) 84px 76px 10px; gap: 8px; }
  .asr-stat { padding: 15px 12px; }
  .asr-stat > strong { font-size: 19px; }
}
@media (max-width: 1000px) {
  .asr-ledger-head { display: none; }
  .asr-ledger { display: grid; gap: 12px; }
  .asr-record { border: 1px solid #e7edf6; border-radius: 11px; overflow: hidden; }
  .asr-record-summary { grid-template-columns: 1fr 1fr; gap: 13px 15px; padding: 16px; position: relative; }
  .asr-day { grid-column: 1; grid-row: 1; }
  .asr-status { grid-column: 2; grid-row: 1; justify-self: end; padding-right: 17px; }
  .asr-buyer { grid-column: 1; grid-row: 2; }
  .asr-recipient { grid-column: 2; grid-row: 2; }
  .asr-kind { grid-column: 1; grid-row: 3; }
  .asr-amount { grid-column: 2; grid-row: 3; align-self: end; }
  .asr-buyer::before, .asr-recipient::before { content: attr(data-label); display: block; margin-bottom: 3px; font-size: 10px; color: #9ba7b9; }
  .asr-chevron { position: absolute; right: 14px; top: 15px; }
  .asr-detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .asr-detail-footer { align-items: flex-start; flex-direction: column; gap: 6px; }
}
@media (max-width: 700px) {
  .asr-center-routing > .asr-detail-grid, .asr-skipped-centers li { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .asr-reserve-summary { align-items:flex-start;flex-direction:column;gap:7px;padding:12px; }
  .asr-reserve-summary p { text-align:left; }
  .asr-heading { align-items: flex-start; gap: 12px; }
  .asr-heading h2 { font-size: 19px; }
  .asr-heading p { font-size: 11px; }
  .asr-unit { font-size: 10px; margin-top: 3px; }
  .asr-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .asr-stat { padding: 14px; }
  .asr-stat > strong { font-size: 20px; }
  .asr-stat strong small { flex-basis: 100%; margin-top: 1px; }
  .asr-filters { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 14px; gap: 12px 10px; }
  .asr-filters .asr-search { grid-column: 1 / -1; }
  .asr-filter-actions { justify-content: stretch; }
  .asr-filter-actions button { flex: 1; }
  .asr-view-tabs { display: flex; }
  .asr-view-tabs button { flex: 1; padding: 9px 6px; font-size: 11px; }
  .asr-results-head { align-items: flex-start; flex-direction: column; gap: 9px; }
  .asr-results-head > span { text-align: left; }
  .asr-results-head h3 { font-size: 14px; }
  .asr-results-head p { font-size: 11px; }
  .asr-result-totals { gap: 6px 11px; font-size: 10px; }
  .asr-batch-list, .asr-members { grid-template-columns: minmax(0,1fr); }
  .asr-batch, .asr-member { padding: 15px; }
  .asr-batch-metrics dd strong { font-size: 16px; }
  .asr-record-detail { padding: 15px; }
  .asr-detail-heading > span { font-size: 9px; }
  .asr-detail-grid { gap: 14px 13px; }
  .asr-detail-grid dd { font-size: 11px; }
  .asr-calculation { padding: 12px; font-size: 12px; gap: 4px 8px; }
  .asr-calculation strong { font-size: 13px; }
  .asr-allocation { padding: 13px; }
  .asr-allocation > summary > span { display: block; margin: 4px 0 0; }
  .asr-allocation dl { grid-template-columns: minmax(0,1fr); gap: 13px; }
  .asr-allocation dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
  .asr-allocation dd { font-size: 11px; }
}
@media (max-width: 380px) {
  .asr-heading { flex-direction: column; gap: 8px; }
  .asr-stat { padding: 12px 10px; }
  .asr-stat > strong { font-size: 18px; }
  .asr-filters { padding: 12px; }
  .asr-filters input, .asr-filters select { padding-inline: 7px; font-size: 11px; }
  .asr-record-summary { padding: 13px; gap: 12px 10px; }
  .asr-pager { flex-wrap: wrap; }
  .asr-pager > div { margin-left: auto; }
}
/* Precise accrual/credit time and expandable complete commission groups. */
.asr-ledger-head,.asr-record-summary{grid-template-columns:132px minmax(130px,1.35fr) minmax(91px,.95fr) minmax(100px,1fr) minmax(91px,.8fr) 83px 12px}
.asr-time-label{display:block;font-size:9px;color:#8a98ad;line-height:1.5}.asr-credit-time-label{margin-top:7px}.asr-day>strong{font-size:11px;line-height:1.6;font-variant-numeric:tabular-nums}.asr-day .asr-credit-time{color:#257e68}.asr-cell .asr-row-reason{margin-top:6px;color:#697d99;line-height:1.7}.asr-occurrence-reason{padding:12px 14px;margin:0 0 18px;border-left:3px solid #8daaf0;background:#edf3ff;border-radius:5px}.asr-occurrence-reason>strong{font-size:11px;color:#385d9c}.asr-occurrence-reason p{font-size:12px;color:#56708e;line-height:1.8;margin:4px 0 0}.asr-group-list{display:grid;gap:12px}.asr-commission-group{border:1px solid #e0e8f4;border-radius:11px;overflow:hidden;background:#fff}.asr-group-summary{display:grid;grid-template-columns:minmax(100px,1fr) minmax(170px,2fr) minmax(120px,1fr) 15px;gap:15px;align-items:center;width:100%;text-align:left;padding:18px;background:#fff;color:#263d5b}.asr-group-summary:hover,.asr-group-summary[aria-expanded="true"]{background:#f4f8ff}.asr-group-summary:focus-visible{outline:2px solid #2455f5;outline-offset:-3px}.asr-group-person>strong,.asr-group-kind>strong,.asr-group-amount>strong{display:block;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.asr-group-person>small,.asr-group-kind>small{display:block;font-size:10px;line-height:1.7;color:#8090a8}.asr-group-kind>strong{margin-bottom:5px}.asr-group-kind b{color:#285bc8;margin-left:3px}.asr-group-amount{text-align:right;font-variant-numeric:tabular-nums}.asr-group-amount>.asr-badge{margin-top:5px}.asr-group-chevron{color:#7c91ae;font-size:18px}.asr-group-entries{padding:0 14px 14px;border-top:1px solid #e5edf9;background:#fbfcff}.asr-group-count{font-size:11px;color:#6e819e;line-height:1.8;margin:14px 5px}.asr-group-count strong{color:#285bc8}.asr-group-entries .asr-record{background:#fff}.asr-group-entries .asr-record-summary{grid-template-columns:126px minmax(115px,1.35fr) minmax(80px,.95fr) minmax(90px,1fr) minmax(80px,.8fr) 76px 10px;gap:9px}
@media(max-width:1100px){.asr-ledger-head,.asr-record-summary{grid-template-columns:124px minmax(100px,1.25fr) minmax(82px,1fr) minmax(88px,1fr) 80px 76px 10px;gap:8px}}
@media(max-width:1000px){.asr-record-summary,.asr-group-entries .asr-record-summary{grid-template-columns:1fr 1fr;gap:13px 15px}.asr-group-summary{grid-template-columns:minmax(90px,1fr) minmax(130px,1.5fr) minmax(110px,1fr) 12px;gap:10px}.asr-group-entries .asr-ledger{gap:10px}.asr-day>strong{font-size:11px}}
@media(max-width:700px){.asr-view-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.asr-view-tabs button{padding:10px 7px}.asr-group-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 12px;padding:14px;gap:10px}.asr-group-person{grid-column:1;grid-row:1}.asr-group-kind{grid-column:1/-1;grid-row:2}.asr-group-amount{grid-column:2;grid-row:1}.asr-group-chevron{grid-column:3;grid-row:1}.asr-group-entries{padding:0 9px 9px}.asr-occurrence-reason{padding:10px 12px}.asr-occurrence-reason p{font-size:11px}.asr-group-count{margin:12px 4px}.asr-time-label{font-size:9px}.asr-row-reason{line-height:1.6!important}}