/* Fit the payment columns to the panel, preserving readable mobile scrolling. */
#orders {
    container-type: inline-size;
    min-width: 0;
    padding-inline: clamp(10px, 1.6vw, 24px);
}
#orders .table-wrap { width: 100%; max-width: 100%; overflow-x: auto; }
#orders table { width: 100%; min-width: 1120px; table-layout: fixed; }
#orders thead { position: sticky; top: 0; z-index: 3; background: #f7f9fe; }
#orders th, #orders td {
    box-sizing: border-box;
    padding-inline: clamp(4px, .55cqw, 10px);
}
#orders th { white-space: normal; overflow-wrap: anywhere; }
#orders th:nth-child(1), #orders td:nth-child(1) { width: 7.5%; }
#orders th:nth-child(2), #orders td:nth-child(2) { width: 10.5%; }
#orders th:nth-child(3), #orders td:nth-child(3) { width: 13%; }
#orders th:nth-child(4), #orders td:nth-child(4) { width: 8%; }
#orders th:nth-child(5), #orders td:nth-child(5) { width: 5.5%; }
#orders th:nth-child(6), #orders td:nth-child(6) { width: 8%; }
#orders th:nth-child(7), #orders td:nth-child(7) { width: 8%; }
#orders th:nth-child(8), #orders td:nth-child(8) { width: 7.5%; }
#orders th:nth-child(9), #orders td:nth-child(9) { width: 8.5%; }
#orders th:nth-child(10), #orders td:nth-child(10) { width: 5%; }
#orders th:nth-child(11), #orders td:nth-child(11) { width: 7%; }
#orders th:nth-child(12), #orders td:nth-child(12) { width: 8%; }
#orders th:nth-child(13), #orders td:nth-child(13) { width: 3.5%; }
#orders td { overflow-wrap: anywhere; word-break: normal; }
#orders td:nth-child(6), #orders td:nth-child(8),
#orders td:nth-child(9), #orders td:nth-child(10) { white-space: normal; }
#orders .orders-filter-row input, #orders .orders-filter-row select {
    max-width: 100%; padding-inline: clamp(3px, .4cqw, 8px);
}
#orders .orders-refund-filter { grid-template-columns: minmax(0, 1fr) 22px; gap: 2px; }
#orders #clear-order-filters { width: 22px; }
#orders .order-usd-rate-control { flex-wrap: wrap; max-width: 100%; min-width: 0; }
#orders .order-usd-rate-control input { width: min(78px, 100%); min-width: 0; }
#orders .status { min-width: 0; max-width: 100%; padding-inline: clamp(4px, .5cqw, 10px); white-space: normal; }
#orders .bank-logo-cell { padding-inline: 4px !important; }
#orders .bank-logo { max-width: 100%; height: auto; }