#modal:has(.refund-order-picker) { width: min(1100px, calc(100vw - 40px)); max-width: 1100px; height: min(800px, calc(100dvh - 40px)); max-height: calc(100dvh - 40px); overflow: hidden; }
#modal:has(.refund-order-picker) #modal-content { display: flex; flex-direction: column; height: 100%; min-height: 0; }
#modal:has(.refund-order-picker) .modal-header { flex: none; padding: 20px 24px; border-bottom: 1px solid var(--line); }
.refund-order-picker { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; }
.refund-order-picker > .muted { flex: none; margin: 0 0 4px; }
.refund-order-picker > .form-message:empty { display: none; }
.refund-order-results, .refund-order-page { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.refund-order-picker .table-scroll { flex: 1; min-height: 0; margin-top: 8px; overflow: auto; }
.refund-order-picker thead { position: sticky; top: 0; z-index: 3; background: var(--surface-subtle, #f4f6f3); }
.refund-order-picker .empty-state { flex: 1; min-height: 0; overflow: auto; }
.refund-order-picker .cell-mono,
body:has(a[data-page="topups"][aria-current="page"]) #content .cell-mono { display: inline-block; min-width: 240px; overflow-wrap: normal; white-space: nowrap; }
.refund-order-picker table,
body:has(a[data-page="topups"][aria-current="page"]) #content table { min-width: 1000px; }
.refund-order-picker :is(th, td),
body:has(a[data-page="topups"][aria-current="page"]) #content :is(th, td) { white-space: nowrap; }
.refund-order-picker :is(th, td):last-child,
body:has(a[data-page="topups"][aria-current="page"]) #content :is(th, td):last-child { position: sticky; inset-inline-end: 0; z-index: 1; background: var(--surface, #fff); box-shadow: -1px 0 var(--line); }
.refund-order-picker th:last-child,
body:has(a[data-page="topups"][aria-current="page"]) #content th:last-child { background: var(--surface-subtle, #f4f6f3); }
.refund-order-picker .toolbar { flex: none; padding: 12px 0; margin: 0; }
.refund-order-picker .pager { flex: none; flex-wrap: wrap; padding-inline: 0; }
@media(max-width:560px) {
  #modal:has(.refund-order-picker) { width: calc(100vw - 20px); height: calc(100dvh - 20px); max-height: calc(100dvh - 20px); }
}
.refund-tabs { display: flex; gap: 8px 24px; flex-wrap: wrap; margin: 8px 0 24px; border-bottom: 1px solid var(--line); }
.refund-tab { border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; padding: 12px 4px; color: var(--muted); font: inherit; font-weight: 600; cursor: pointer; }
.refund-tab[aria-selected="true"] { color: var(--green); border-bottom-color: var(--green); }
.refund-tab:hover { color: var(--ink); background: var(--mint); }
.refund-tab:focus-visible, .refund-tab-panel:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; }
.case-deadlines { display: grid; gap: 4px; }
.refund-management .table-scroll { overflow-x: auto; }
.refund-management .table-scroll table { min-width: 1000px; }
.refund-management .cell-mono { white-space: nowrap; overflow-wrap: normal; font-size: 12px; }
.refund-management .table-scroll :is(th, td):last-child { position: sticky; inset-inline-end: 0; z-index: 1; background: var(--surface, #fff); box-shadow: -1px 0 var(--line); white-space: nowrap; }
.refund-management .table-scroll th:last-child { background: var(--surface-subtle, #f4f6f3); }
@media(max-width:560px) {
  .refund-tabs { gap: 4px 14px; margin-bottom: 18px; }
  .refund-tab { font-size: 13px; padding-block: 10px; }
  .refund-management > .page-heading { align-items: flex-start; gap: 12px; }
}