/* Mobile administration list density. Existing compact tables and forms stay unchanged. */
@media (max-width:768px), (hover:none) and (pointer:coarse) and (max-width:1024px) {
  /* These pages already use cards. Remove accumulated cell padding; keep their fields and actions. */
  body.mobile-ui-active #content .fw-workspace[data-view="payables"] tbody tr:not(:has(>td[colspan])),
  body.mobile-ui-active #content .reimbursements-page .reim-table tbody .reim-record-row,
  body.mobile-ui-active #content .material-inventory-table tbody .material-row {
    padding:8px 10px;gap:3px 8px;border-radius:9px;
  }
  body.mobile-ui-active #content .fw-workspace[data-view="payables"] tbody tr>td,
  body.mobile-ui-active #content .reimbursements-page .reim-table tbody .reim-record-row>td {
    padding:0;border:0;line-height:20px;
  }
  body.mobile-ui-active #content .fw-workspace[data-view="payables"] tbody tr>td small,
  body.mobile-ui-active #content .reimbursements-page .reim-table tbody .reim-record-row>td small {
    margin-top:2px;font-size:12px;line-height:17px;
  }
  body.mobile-ui-active #content .fw-workspace[data-view="payables"] tbody tr>td:last-child,
  body.mobile-ui-active #content .reimbursements-page .reim-table tbody .reim-record-row>td:last-child,
  body.mobile-ui-active #content .material-inventory-table .material-row>td:last-child {
    padding-top:3px;border-top:0;
  }
  body.mobile-ui-active #content .fw-workspace[data-view="payables"] tbody tr>td:last-child button,
  body.mobile-ui-active #content .reimbursements-page .reim-table tbody .reim-record-row>td:last-child button {
    min-height:32px;padding:5px 9px;margin:0;font-size:12px;line-height:20px;
  }
  /* Invoice cards retain every labelled amount, direction, warning and original action. */
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody {gap:7px;}
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>tr:not(:has(>td[colspan])) {
    grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;padding:8px 10px;border-radius:9px;
  }
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>tr>td:not([colspan]):not([hidden]):not(.hidden) {
    display:block;min-width:0;padding:0;border:0;line-height:20px;font-size:13px;
  }
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>tr>td::before {
    display:block;font-size:11px;line-height:16px;font-weight:400;
  }
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>tr>td:first-child {
    grid-column:1/-1;font-size:14px;line-height:20px;font-weight:600;
  }
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>tr>td:first-child::before,
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>tr>td:last-child::before {display:none;}
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>tr>td small {
    margin:1px 0 0;font-size:12px;line-height:17px;font-weight:400;
  }
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>tr>td:nth-child(2),
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>tr>td:nth-child(5) {grid-column:1/-1;}
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>tr>td:nth-child(2)::before {display:none;}
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>tr>td:nth-child(2)>small:not([hidden]):not(.hidden) {display:inline;margin-left:6px;}
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>tr>td:last-child:not([hidden]):not(.hidden) {
    grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding-top:2px;
  }
  body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>tr>td:last-child button {
    width:auto;min-height:32px;padding:5px 8px;margin:0;font-size:12px;line-height:20px;
  }
  /* Payroll has more mandatory figures than a task card; two labelled columns keep all of them. */
  body.mobile-ui-active #content .payroll-table-wrap tbody {gap:7px;}
  body.mobile-ui-active #content .payroll-table-wrap tbody>tr:not(:has(>td[colspan])) {
    grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;padding:8px 10px;border-radius:9px;
  }
  body.mobile-ui-active #content .payroll-table-wrap tbody>tr>td:not([colspan]):not([hidden]):not(.hidden) {
    display:block;min-width:0;padding:0;border:0;font-size:13px;line-height:20px;
  }
  body.mobile-ui-active #content .payroll-table-wrap tbody>tr>td::before {display:block;font-size:11px;line-height:16px;font-weight:400;}
  body.mobile-ui-active #content .payroll-table-wrap tbody>tr>td:first-child,
  body.mobile-ui-active #content .payroll-table-wrap tbody>tr>td:last-child {grid-column:1/-1;}
  body.mobile-ui-active #content .payroll-table-wrap tbody>tr>td:first-child::before,
  body.mobile-ui-active #content .payroll-table-wrap tbody>tr>td:last-child::before {display:none;}
  body.mobile-ui-active #content .payroll-table-wrap tbody>tr>td small {margin-top:1px;font-size:12px;line-height:17px;}
  body.mobile-ui-active #content .payroll-table-wrap tbody>tr>td:last-child button {width:auto;min-height:32px;padding:5px 9px;margin:0;font-size:12px;line-height:20px;}

  body.mobile-ui-active #content #material-stock-table-section .material-inventory-table tbody>.material-row {
    padding:8px 10px;gap:3px 8px;border-radius:9px;
  }
  body.mobile-ui-active #content #material-stock-table-section .material-row>td:last-child {padding-top:3px;border-top:0;}
  body.mobile-ui-active #content #material-stock-table-section .material-row .tiny {min-height:32px;padding:5px 8px;margin:0;line-height:20px;}
  /* The six-cell issue/return records keep quantities and overdue warnings beside their context. */
  body.mobile-ui-active #content .issue-material-body :is(#material-usage-table-section,#material-return-table-section) table tbody>tr:is(.material-usage-row,.material-return-row) {
    grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;padding:8px 10px;border-radius:9px;
  }
  body.mobile-ui-active #content .issue-material-body :is(#material-usage-table-section,#material-return-table-section) table tbody>tr:is(.material-usage-row,.material-return-row)>td:nth-child(n) {
    grid-column:auto;grid-row:auto;padding:0!important;line-height:17px;
  }
  body.mobile-ui-active #content .issue-material-body :is(#material-usage-table-section,#material-return-table-section) table tbody>tr:is(.material-usage-row,.material-return-row)>td:is(:first-child,:last-child) {grid-column:1/-1;}
  body.mobile-ui-active #content .issue-material-body .mr-record-panel :is(.material-usage-row,.material-return-row) .cell-main {line-height:20px;}
  body.mobile-ui-active #content .issue-material-body .mr-record-panel :is(.material-usage-row,.material-return-row) .cell-sub {margin-top:1px;line-height:17px;}
  body.mobile-ui-active #content .issue-material-body .mr-record-panel :is(.material-usage-row,.material-return-row)>td:last-child .table-action-group {gap:5px;}

  body.mobile-ui-active #content .attendance-page .table-scroll>table tbody>tr:not(.attendance-empty-row) {padding:8px 10px;gap:3px 8px;border-radius:9px;}
  body.mobile-ui-active #content:has(#attendanceFilterFrom) .attendance-page .table-scroll>table tbody>tr:not(.attendance-empty-row)>td {padding:0;border:0;}
  body.mobile-ui-active #content:has(#attendanceFilterFrom) .attendance-page .table-scroll>table tbody>tr:not(.attendance-empty-row)>td:nth-child(6) {padding-top:2px;}
  body.mobile-ui-active #content .attendance-page .attendance-subtext {margin-top:1px;line-height:17px;}

  /* Existing horizontal document tables stay horizontal; only their oversized action stacks shrink. */
  body.mobile-ui-active #content .proposal-files-workspace .proposal-file-table tbody>tr>td {padding:8px 9px;}
  body.mobile-ui-active #content .proposal-files-workspace .proposal-file-table td:last-child {min-width:180px;}
  body.mobile-ui-active #content .proposal-files-workspace .proposal-file-table .table-action-group {display:flex;flex-wrap:wrap;gap:5px;}
  body.mobile-ui-active #content .proposal-files-workspace .proposal-file-table :is(button,.proposal-file-more>summary) {width:auto;min-height:30px;padding:4px 8px;margin:0;line-height:20px;}
  body.mobile-ui-active #content .pt-table-scroll tbody>tr>td {padding:8px 10px;}
  body.mobile-ui-active .pt-dialog .pt-version {padding:8px 10px;}
  body.mobile-ui-active .pt-dialog .pt-version header {gap:6px;margin-bottom:3px;}
  body.mobile-ui-active .pt-dialog .pt-version header small {margin-top:1px;}
  body.mobile-ui-active .pt-dialog .pt-version-notes {margin:3px 0;}
  body.mobile-ui-active .proposal-file-history-dialog .proposal-history-item {padding:8px 10px;gap:8px;}
  body.mobile-ui-active .proposal-file-history-dialog .proposal-history-item>div {gap:3px;}
  body.mobile-ui-active #content .ai-workspace .ai-table tbody>tr>td:not(.ai-empty) {padding:8px 10px;}
  body.mobile-ui-active #content .ai-workspace .ai-table small {margin-top:3px;}
}
/* Second pass: identify and act in the list; the original low-frequency nodes remain in the data popover. */
@media(max-width:768px){
 body.mobile-ui-active #content .mad-row .mad-empty{display:none!important}
 body.mobile-ui-active #content .mad-row>.mad-actions:not([hidden]):not(.hidden){display:flex!important;align-items:flex-start;justify-content:flex-start;gap:6px;grid-column:1/-1!important;grid-row:auto!important;padding:0!important;border:0}
 body.mobile-ui-active #content .mad-row>.mad-actions::before{display:none!important}
 body.mobile-ui-active #content .mad-row .mad-actions :is(button,.table-action-group){width:auto;margin:0}
 body.mobile-ui-active #content .mad-row .mad-actions button{min-height:32px;padding:5px 9px;font-size:12px;line-height:20px}
 body.mobile-ui-active .mad-extra{margin:0;padding:0;flex:none}
 body.mobile-ui-active .mad-extra-summary{display:block;list-style:none;cursor:pointer;border:1px solid #d5e1f2;border-radius:5px;background:#fff;color:#175dcc;padding:5px 9px;font-size:12px;line-height:20px;min-height:32px;box-sizing:border-box;white-space:nowrap}
 body.mobile-ui-active .mad-extra-summary::-webkit-details-marker{display:none}
 body.mobile-ui-active .mad-extra-summary::after{content:' ▾'}
 body.mobile-ui-active .mad-extra-summary:focus-visible{outline:2px solid #4388e8;outline-offset:2px}
 body.mobile-ui-active .mad-extra:not([open])>.mad-extra-body{display:none!important}
 body.mobile-ui-active .mad-extra-body{position:fixed;z-index:140;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;max-width:calc(100vw - 24px);padding:9px 10px;background:#fff;border:1px solid #d6e2ef;border-radius:8px;box-shadow:0 8px 24px #20344b26;color:#28445f;font-size:12px;line-height:18px;text-align:left;font-weight:400}
 body.mobile-ui-active .mad-extra-field+.mad-extra-field{margin-top:7px;padding-top:6px;border-top:1px solid #edf1f5}
 body.mobile-ui-active .mad-extra-label{display:block;color:#6d8196;font-size:11px;line-height:16px;margin-bottom:2px}
 body.mobile-ui-active .mad-extra-value{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;overflow-wrap:anywhere}
 body.mobile-ui-active .mad-extra-value :is(small,.cell-sub){margin:0;font-size:12px;line-height:18px}
 body.mobile-ui-active #content .iv-workspace .iv-table-wrap .mad-invoice{gap:3px 8px}
 body.mobile-ui-active #content .iv-workspace .iv-table-wrap .mad-invoice>.mad-balance::before{display:inline;margin-right:7px}
 body.mobile-ui-active #content .iv-workspace .iv-table-wrap .mad-invoice>.mad-balance{grid-column:1/-1}
 body.mobile-ui-active #content .iv-workspace .iv-table-wrap .mad-invoice>.mad-party{font-size:12px;line-height:17px}
 body.mobile-ui-active #content .iv-workspace .iv-table-wrap .mad-invoice>.mad-title small{font-size:12px;line-height:17px}
 body.mobile-ui-active #content .iv-workspace .iv-table-wrap .mad-invoice>.mad-date::before{display:inline;margin-right:5px}
 body.mobile-ui-active #content .iv-workspace .iv-table-wrap .mad-invoice>.mad-status::before{display:none}
 body.mobile-ui-active #content .payroll-table-wrap .mad-payroll{gap:3px 8px}
 body.mobile-ui-active #content .payroll-table-wrap .mad-payroll>.mad-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
 body.mobile-ui-active #content .payroll-table-wrap .mad-payroll>.mad-title small{margin:0}
 body.mobile-ui-active #content .payroll-table-wrap .mad-payroll>.mad-status::before{display:none}
 body.mobile-ui-active #content .payroll-table-wrap .mad-payroll>.mad-status small{font-size:11px;line-height:16px}
 body.mobile-ui-active #content .payroll-table-wrap .mad-payroll>.mad-statutory::before{display:inline;margin-right:6px}
 body.mobile-ui-active #content .issue-material-body :is(#material-usage-table-section,#material-return-table-section).mr-record-panel tbody>.mad-material-record{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px}
 body.mobile-ui-active #content .issue-material-body :is(#material-usage-table-section,#material-return-table-section).mr-record-panel tbody>.mad-material-record>.mad-title,
 body.mobile-ui-active #content .issue-material-body :is(#material-usage-table-section,#material-return-table-section).mr-record-panel tbody>.mad-material-record>.mad-project{grid-column:1/-1}
 body.mobile-ui-active #content .issue-material-body :is(#material-usage-table-section,#material-return-table-section).mr-record-panel tbody>.mad-material-record>.mad-quantity{grid-column:1;grid-row:auto}
 body.mobile-ui-active #content .issue-material-body :is(#material-usage-table-section,#material-return-table-section).mr-record-panel tbody>.mad-material-record>.mad-status{grid-column:2;grid-row:auto}
 body.mobile-ui-active #content .issue-material-body .mad-material-record>.mad-title .cell-main{font-size:14px;line-height:20px}
 body.mobile-ui-active #content .issue-material-body .mad-material-record>.mad-project .cell-main{font-size:12px;line-height:17px;font-weight:400}
 body.mobile-ui-active #content .reimbursements-page .reim-table .reim-record-row>td:nth-child(7){grid-column:1;grid-row:2}
 body.mobile-ui-active #content .reimbursements-page .reim-table .reim-record-row>td:nth-child(8){grid-column:2;grid-row:2;padding:0;align-self:end}
 body.mobile-ui-active #content .reimbursements-page .reim-table .reim-record-row .reim-row-actions{justify-content:flex-end}
}
@media(max-width:768px){
 body.mobile-ui-active #content .payroll-table-wrap .mad-payroll>td.mad-title:not([hidden]):not(.hidden){display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
 body.mobile-ui-active #content .fw-workspace[data-view=accounts] .fw-header{display:flex;flex-direction:column;align-items:stretch;min-width:0}
 body.mobile-ui-active #content .fw-workspace[data-view=accounts] .fw-header>.fw-account-actions{display:flex;flex-wrap:wrap;width:100%;max-width:100%;min-width:0;justify-content:flex-start;gap:6px;margin:0}
 body.mobile-ui-active #content .fw-workspace[data-view=accounts] .fw-account-actions>button{flex:0 1 auto;width:auto!important;max-width:100%;margin:0;min-height:32px;padding:5px 9px;white-space:normal}
 body.mobile-ui-active #content .fw-workspace[data-view=accounts] .fw-finance-more{max-width:100%}
 body.mobile-ui-active #content .fw-workspace[data-view=accounts] .fw-finance-more>summary{min-height:32px;padding:5px 9px;box-sizing:border-box}
}
@media(max-width:768px){
 body.mobile-ui-active #content #material-stock-table-section .material-inventory-table .material-row>td:nth-child(5){grid-column:2;grid-row:1;text-align:right;align-self:center}
 body.mobile-ui-active #content #material-stock-table-section .material-inventory-table .material-row>td:is(:nth-child(7),:nth-child(9)){grid-row:2}
 body.mobile-ui-active #content #material-stock-table-section .material-inventory-table .material-row>td:nth-child(11){grid-row:3}
 body.mobile-ui-active #content .attendance-page .table-scroll>table tbody>.mad-attendance>.mad-attendance-actions{display:flex;grid-column:1/-1;grid-row:3}
 body.mobile-ui-active .pt-dialog .mad-template>.mad-actions{display:flex;align-items:flex-start;gap:6px}
 body.mobile-ui-active .pt-dialog .mad-template>.mad-actions>.pt-button{min-height:32px;padding:5px 9px;font-size:12px;line-height:20px}
}
@media(max-width:768px){
 body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>.mad-invoice{grid-template-columns:minmax(0,1fr) auto}
 body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>.mad-invoice>.mad-balance{grid-column:1;grid-row:4;align-self:center}
 body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>.mad-invoice>.mad-balance::before{display:block;margin:0}
 body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>.mad-invoice>:is(.mad-date,.mad-status){grid-column:1/-1;grid-row:3}
 body.mobile-ui-active #content .iv-workspace .iv-table-wrap tbody>.mad-invoice>.mad-actions:not([hidden]):not(.hidden){grid-column:2!important;grid-row:4!important;align-self:center;flex-wrap:nowrap}
 body.mobile-ui-active #content .payroll-table-wrap tbody>.mad-payroll>.mad-statutory{grid-column:1;grid-row:3}
 body.mobile-ui-active #content .payroll-table-wrap tbody>.mad-payroll>.mad-status{grid-column:1;grid-row:4}
 body.mobile-ui-active #content .payroll-table-wrap tbody>.mad-payroll>.mad-actions:not([hidden]):not(.hidden){grid-column:2!important;grid-row:3/5!important;align-self:center;justify-content:flex-end;flex-wrap:nowrap}
 body.mobile-ui-active #content .payroll-table-wrap tbody>.mad-payroll{grid-template-columns:minmax(0,1fr) max-content}
 body.mobile-ui-active #content .payroll-table-wrap tbody>.mad-payroll>.mad-actions button{flex:none;white-space:nowrap}
 body.mobile-ui-active .iv-detail-sources .iv-table-wrap tbody>tr:not(:has(>td[colspan])){padding:8px 10px;gap:3px;border-radius:9px}
 body.mobile-ui-active .iv-detail-sources .iv-table-wrap tbody>tr>td:not([hidden]):not(.hidden){padding:0;border:0;line-height:17px;font-size:13px;grid-template-columns:105px minmax(0,1fr)}
 body.mobile-ui-active .iv-detail-sources .iv-table-wrap tbody>tr>td::before{font-size:11px;line-height:17px;font-weight:400}
}
@media(max-width:768px){
 body.mobile-ui-active:has(#content .fw-workspace[data-view=accounts]) .cw-modal[data-workflow-kind=reconciliations]{position:fixed;inset:0;z-index:2200;display:flex!important;align-items:center;justify-content:center;padding:8px;box-sizing:border-box;background:#15263b88;height:var(--mobile-visible-height,100dvh)}
 body.mobile-ui-active:has(#content .fw-workspace[data-view=accounts]) .cw-modal[data-workflow-kind=reconciliations] .cw-shell{display:flex;flex-direction:column;width:min(680px,100%);min-width:0;max-height:calc(var(--mobile-visible-height,100dvh) - 16px);overflow:hidden;background:#fff;border-radius:12px}
 body.mobile-ui-active:has(#content .fw-workspace[data-view=accounts]) .cw-modal[data-workflow-kind=reconciliations] .cw-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-bottom:1px solid #dce5ef;flex:none}
 body.mobile-ui-active:has(#content .fw-workspace[data-view=accounts]) .cw-modal[data-workflow-kind=reconciliations] .cw-header h2{font-size:17px;line-height:24px;margin:0}
 body.mobile-ui-active:has(#content .fw-workspace[data-view=accounts]) .cw-modal[data-workflow-kind=reconciliations] .cw-kicker{font-size:11px;line-height:16px;color:#718299}
 body.mobile-ui-active:has(#content .fw-workspace[data-view=accounts]) .cw-modal[data-workflow-kind=reconciliations] .cw-header button{flex:none;width:auto;min-height:36px;padding:6px 10px;background:#fff;color:#175fc6;border:1px solid #d4e0ee;border-radius:6px}
 body.mobile-ui-active:has(#content .fw-workspace[data-view=accounts]) .cw-modal[data-workflow-kind=reconciliations] .cw-body{min-width:0;min-height:0;padding:12px;overflow:auto;overscroll-behavior:contain;flex:1 1 auto}
}
@media(max-width:768px){
 body.mobile-ui-active #content .reimbursements-page .reim-page-heading .reim-actions{display:flex;flex-wrap:wrap;gap:6px;margin:0}
 body.mobile-ui-active #content .reimbursements-page .reim-page-heading .reim-actions button{flex:none;width:auto;min-height:32px;padding:5px 9px;font-size:12px;line-height:20px;white-space:nowrap}
 body.mobile-ui-active #content .reimbursements-page .reim-page-heading{margin-bottom:8px}
 body.mobile-ui-active #content .reimbursements-page .reim-filters{gap:6px 8px;margin-bottom:8px}
 body.mobile-ui-active #content .reimbursements-page .reim-filters>label{gap:2px;line-height:17px;margin:0}
 body.mobile-ui-active #content .reimbursements-page .reim-filters :is(input:not([type=checkbox]),select,button){min-height:32px;padding:5px 8px;margin:0}
 body.mobile-ui-active #content .fw-workspace[data-view=payables] tbody>tr>td:nth-child(7){grid-column:1;grid-row:2;align-self:center;white-space:normal}
 body.mobile-ui-active #content .fw-workspace[data-view=payables] tbody>tr>td:nth-child(7) details{min-width:0}
 body.mobile-ui-active #content .fw-workspace[data-view=payables] tbody>tr>td:nth-child(8){grid-column:2;grid-row:2;align-self:center;justify-self:end;padding:0;border:0}
 body.mobile-ui-active #content .fw-workspace[data-view=payables] tbody>tr>td:nth-child(8) button{white-space:nowrap}
 body.mobile-ui-active #content .fw-workspace[data-view=payables] .fw-tools:not([hidden]):not(.hidden){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;min-width:0;max-width:100%;overflow:visible}
 body.mobile-ui-active #content .fw-workspace[data-view=payables] .fw-tools>*{min-width:0;width:auto;max-width:100%}
 body.mobile-ui-active #content .fw-workspace[data-view=payables] .fw-tools :is(input,select){min-width:0;width:100%;max-width:100%;min-height:32px;box-sizing:border-box}
 body.mobile-ui-active #content .fw-workspace[data-view=payables] .fw-tools>.mad-filter{grid-column:1/-1;justify-self:start;min-width:0}
 body.mobile-ui-active #content .fw-workspace[data-view=payables] .mad-filter-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.mobile-ui-active #content .fw-workspace[data-view=payables] .mad-filter-body>label{display:grid;gap:3px;min-width:0;max-width:100%;font-size:12px}
 body.mobile-ui-active #content .fw-workspace[data-view=payables] .mad-filter-body>[data-fw=clear-payable-filters]{grid-column:1/-1;justify-self:start;width:auto;min-height:32px;padding:5px 9px;white-space:nowrap}
}