/* Small enhancements for the original finance tables; their existing design stays in charge. */
.finance-list .list-filter-panel { margin-bottom: 10px; }
.finance-list .finance-filter-fields { padding: 4px; }
.finance-list .finance-filter-fields .ctl-selects { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.finance-list .finance-filter-fields .ctl-select { flex: 0 1 230px; width: 230px; max-width: 100%; }
.finance-list .finance-filter-reset { display: flex; justify-content: flex-end; padding-top: 8px; }
.finance-list .finance-filter-fields .ctl-daterange { max-width: 100%; flex-wrap: wrap; gap: 8px; }
.finance-list .finance-filter-fields .ctl-daterange__picker { flex: 0 1 160px; width: 160px; min-width: 150px; max-width: 160px; }
.finance-list .finance-search-row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-block: 10px; }
.finance-list .finance-search-row .ctl-search { flex: 0 1 468px; min-width: 180px; max-width: 100%; }
.finance-list :is(.ctl-tabs, .ctl-statuses) { min-width: 0; max-width: 100%; }
.finance-list .ctl-table th { white-space: nowrap; }
.finance-list .finance-column-filter-button { width: 24px; height: 24px; padding: 3px; margin-inline-start: 4px; border: 1px solid #e6e6f1; border-radius: 6px; background: #f0f1f8; color: #8a93aa; }
.finance-list .finance-column-filter-button.mud-primary-text { background: #ede7fb; border-color: #c9bbeb; color: #6b55cd; }
.finance-list .finance-column-filter-button .mud-icon-root { font-size: 17px; }
.finance-column-filter { min-width: 250px; max-width: calc(100vw - 40px); display: flex; flex-direction: column; gap: 8px; padding: 12px; }
.finance-column-filter .mud-input { font-size: 12px; }
.finance-column-filter .user-column-filter__actions { display: flex; gap: 8px; margin-top: 4px; }
.finance-list .ctl-table :is(th, td).finance-selection-cell { width: 38px; min-width: 38px; padding-inline: 8px; text-align: center; }
.finance-list .finance-selection-cell .mud-checkbox { padding: 0; }
.finance-list .finance-selection-cell .mud-icon-root, .finance-list .finance-mobile-selection .mud-icon-root, .finance-list .finance-mobile-tools .mud-icon-root { font-size: 18px; }
.ctl.finance-list .ctl-table tbody tr.ctl-row.is-selected > td { background-color: #f4f0ff; }
.ctl.finance-list .ctl-table tbody tr.ctl-row.is-selected:hover > td { background-color: #eee8fc; }
.finance-list .ctl-mcard.is-selected { background: #f8f5ff; border-color: #d4c5f1; }
.finance-list .finance-selection-count { color: #6b55cd; background: #f4efff; border: 1px solid #e4d9fb; border-radius: 6px; padding: 4px 8px; font-size: 11px; }
.finance-list .finance-table-pager { background: #f3f4f7; border-radius: 0 0 12px 12px; }
.finance-list .finance-mobile-tools { display: none; }
.finance-list .finance-mobile-selection { padding-inline: 10px; border-bottom: 1px solid #f1edf8; }
.finance-list .finance-mobile-selection .mud-checkbox { padding-block: 6px; }
.finance-list .finance-mobile-selection .mud-typography { font-size: 11px; color: #7a8298; }
@media (max-width: 760px) {
    .finance-list .finance-search-row { flex-direction: column; align-items: stretch; }
    .finance-list :is(.ctl-tabs, .ctl-statuses) { width: 100%; }
    .finance-list .finance-search-row .ctl-search { flex: 0 0 auto; width: 100%; }
    .finance-list .finance-filter-fields .ctl-selects { gap: 10px; }
    .finance-list .finance-filter-fields .ctl-select { flex-basis: 100%; width: 100%; }
    .finance-list .finance-mobile-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; border-bottom: 1px solid #eceaf5; }
    .finance-list .finance-mobile-tools .mud-typography { font-size: 11px; }
    .finance-list .finance-mobile-filters summary { cursor: pointer; font-size: 11px; padding: 6px 10px; border: 1px solid #e4d9fb; border-radius: 6px; color: #6b55cd; background: #f8f5ff; }
    .finance-list .finance-mobile-filters[open] { flex: 1 0 100%; }
    .finance-list .finance-mobile-filters > div { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 10px; }
    .finance-list .finance-mobile-filter { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 4px 8px; background: #f8f9fc; border-radius: 6px; font-size: 11px; }
}

.ctl.finance-list :is(.finance-mobile-tools, .finance-mobile-selection) .portal-row-selector .mud-checkbox::after { inset-inline-start: 0; inset-inline-end: auto; margin-inline: 11.5px; }