/* Payables reuse the blue/grey system components; only this workspace is scoped. */
body.pc-ui-preview :is(.payables-workspace-head){background:#fff;border:1px solid #d7e1ef;border-radius:6px;padding:0 18px;margin-bottom:8px;box-sizing:border-box}
body.pc-ui-preview :is(.payables-workspace-title){display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px}
body.pc-ui-preview :is(.payables-workspace-title h3){margin:0;font-size:18px;color:#193954}
body.pc-ui-preview :is(.payables-workspace-tools){display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.pc-ui-preview :is(.payables-workspace-tools button){width:auto;margin:0;min-height:32px}
body.pc-ui-preview :is(.payables-workspace-tabs){display:flex;gap:22px;margin:0;border-bottom:0;overflow-x:auto}
body.pc-ui-preview :is(.payables-workspace-tabs button.secondary){border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#62768f;box-shadow:none;width:auto;padding:16px 3px;margin:0;font-size:14px;white-space:nowrap}
body.pc-ui-preview :is(.payables-workspace-tabs button[aria-pressed="true"]){color:#145bc1;border-bottom-color:#175fc4;font-weight:600}
body.pc-ui-preview :is(.payables-workspace-head~.fw-workspace[data-view="payables"]){padding:12px 18px;border-radius:6px;margin-bottom:0}
body.pc-ui-preview :is(.payables-workspace-head~.fw-workspace[data-view="payables"][hidden],.finance-a-funds :is(.fund-overview-panel,.fund-list-panel,.fund-invoice-panel,.fund-history-panel,.page-hero)[hidden]){display:none!important}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] .fw-header[hidden]){display:none!important}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] .fw-status:empty){display:none}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] .fw-tools){padding:0 0 12px;margin:0;align-items:center;gap:10px;border-bottom:0}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] .fw-tools label:first-child){flex:1 1 260px;max-width:380px;min-width:240px}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] .fw-tools :is(input,select)){width:100%;min-width:0;box-sizing:border-box}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] .fw-tools label){display:flex;align-items:center;gap:8px;min-width:190px;white-space:nowrap}




body.pc-ui-preview :is(.payable-scope-note){position:relative;font-size:12px;color:#698098;margin:0;min-width:0}
body.pc-ui-preview .payable-toolbar-summary{display:flex;align-items:center;gap:14px;margin-left:auto;flex-wrap:wrap;font-size:13px;color:#698098}
body.pc-ui-preview .payable-toolbar-summary>span{white-space:nowrap}
body.pc-ui-preview .payable-toolbar-summary strong{font-size:17px;font-weight:600;color:#203d59;font-variant-numeric:tabular-nums;margin-left:4px}
body.pc-ui-preview .payable-filtered-total{padding-left:14px;border-left:1px solid #dce5ef}
body.pc-ui-preview :is(.payable-scope-note summary){cursor:pointer;width:fit-content}
body.pc-ui-preview :is(.payable-scope-note p){position:absolute;right:0;top:100%;z-index:5;width:min(370px,75vw);box-sizing:border-box;line-height:1.7;margin:8px 0 0;padding:12px 14px;border:1px solid #dce5ef;border-radius:5px;box-shadow:0 5px 16px #20344b14;background:#fff}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] .fw-table-scroll){max-height:none;overflow:auto;border:1px solid #dbe4ef;border-radius:5px}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] table){width:100%;min-width:1040px;table-layout:fixed}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] :is(th,td)){padding:9px 12px;font-size:13px;line-height:1.55;vertical-align:top}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] th){position:sticky;top:0;z-index:2}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] :is(th,td):nth-child(1)){width:19%}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] :is(th,td):nth-child(2)){width:14%}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] :is(th,td):nth-child(3)){width:7%}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] :is(th,td):nth-child(n+4):nth-child(-n+6)){text-align:right;width:10%;font-variant-numeric:tabular-nums}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] :is(th,td):nth-child(7)){width:15%;white-space:normal}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] :is(th,td):last-child){width:15%;min-width:130px;vertical-align:middle}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] th:last-child){z-index:3}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] td small){display:block;color:#74879e;font-size:12px;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] td button){font-size:12px;padding:5px 8px;margin:0 4px 5px 0;min-height:28px}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] td details){min-width:0}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] .fw-pager){justify-content:flex-end;padding:10px 0 0;font-size:12px;color:#6c819a}
body.pc-ui-preview :is(.fw-workspace[data-view="payables"] .fw-pager>span){margin-right:auto}
body.pc-ui-preview .finance-a-funds{display:block!important}
body.pc-ui-preview .finance-a-funds .fund-overview-panel{margin-bottom:12px;padding:12px 16px}
body.pc-ui-preview .finance-a-funds .fund-overview-panel .section-head{display:none}
body.pc-ui-preview .finance-a-funds .fund-overview-cards{display:flex;gap:8px;flex-wrap:wrap;margin:0}
body.pc-ui-preview .finance-a-funds .fund-overview-cards>.card{min-width:0;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:7px 11px;margin:0;box-shadow:none;border-radius:4px}
body.pc-ui-preview .finance-a-funds .fund-overview-cards .card :is(h3,h4,p,strong){margin:0;font-size:13px;line-height:1.4}
body.pc-ui-preview .finance-a-funds .fund-list-panel{display:block;padding:16px 18px;margin:0}
body.pc-ui-preview .finance-a-funds .fund-list-panel .section-head{align-items:center;margin:0 0 12px}
body.pc-ui-preview .finance-a-funds .fund-list-panel .section-head h3{font-size:16px;margin:0}
body.pc-ui-preview .finance-a-funds .fund-list-panel .section-head-note{font-size:12px}
body.pc-ui-preview .finance-a-funds .fund-request-filter-strip{gap:8px;padding:10px;background:#f5f7fb;border:1px solid #e5eaf2;border-radius:5px}
body.pc-ui-preview .finance-a-funds .fund-list-panel .table-scroll{max-height:none;overflow-x:auto;overflow-y:visible;border:1px solid #dbe4ef;border-radius:5px}
body.pc-ui-preview .finance-a-funds .fund-list-panel :is(th,td){font-size:13px;vertical-align:middle;padding:11px 12px}
body.pc-ui-preview .finance-a-funds .fund-list-panel th{position:sticky;top:0;z-index:2}
body.pc-ui-preview .finance-a-funds .fund-list-panel .cell-sub{font-size:12px;color:#77889e;line-height:1.5}
body.pc-ui-preview .finance-a-funds .fund-request-filter-summary{margin:10px 0;font-size:12px;gap:18px}
body.pc-ui-preview .finance-a-funds .fund-request-filter-summary .page-chip{background:none;border:0;padding:0}
/* A consistent frame for the small action dialogs and the main detail/forms. */
body.pc-ui-preview :is(dialog.payable-action-dialog,dialog.payable-main-dialog,dialog.payable-create-dialog){padding:0;border:1px solid #d6e0ee;border-radius:8px;max-height:calc(100dvh - 48px);width:min(920px,calc(100vw - 64px));max-width:none;color:#243e58;box-shadow:0 20px 60px #12274430;box-sizing:border-box;overflow:hidden}
body.pc-ui-preview :is(dialog.payable-action-dialog[open],dialog.payable-main-dialog[open],dialog.payable-create-dialog[open]){display:flex;flex-direction:column}
dialog.payable-action-dialog::backdrop,dialog.payable-main-dialog::backdrop,dialog.payable-create-dialog::backdrop{background:#172c4966}
body.pc-ui-preview :is(:is(.payable-action-dialog,.payable-main-dialog,.payable-create-dialog)>header){flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;margin:0;border-bottom:1px solid #e0e7f1;background:#fff}
body.pc-ui-preview :is(:is(.payable-action-dialog,.payable-main-dialog,.payable-create-dialog)>header :is(h3,h4)){font-size:18px;margin:0;color:#193954}
body.pc-ui-preview :is(:is(.payable-action-dialog,.payable-main-dialog,.payable-create-dialog) button){width:auto;min-height:32px;white-space:nowrap;margin:0}
body.pc-ui-preview :is(.payable-action-dialog>form){display:flex;flex-direction:column;min-height:0;overflow:hidden;gap:0}
body.pc-ui-preview :is(.payable-dialog-body){overflow:auto;min-height:0;padding:18px 20px;overscroll-behavior:contain}
body.pc-ui-preview :is(.payable-dialog-fields){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
body.pc-ui-preview :is(.payable-dialog-fields label){font-size:13px;display:grid;gap:6px;min-width:0;margin:0}
body.pc-ui-preview .payable-action-dialog[data-action="resubmit"] .payable-dialog-fields>label{align-content:start}
body.pc-ui-preview :is(.payable-dialog-fields :is(input,select,textarea)){min-width:0;width:100%;box-sizing:border-box}
body.pc-ui-preview :is(.payable-dialog-fields textarea){min-height:80px}
body.pc-ui-preview :is(.payable-dialog-summary){background:#f4f7fc;border:1px solid #e0e7f2;border-radius:5px;padding:12px 14px;margin:0 0 12px;line-height:1.6;overflow-wrap:anywhere}
body.pc-ui-preview :is(.payable-dialog-note){font-size:12px;color:#72839a;line-height:1.7;margin:0 0 14px}
body.pc-ui-preview :is(.payable-action-dialog form>footer){flex:none;background:#fff;border-top:1px solid #e0e7f1;margin:0;padding:12px 20px;display:flex;justify-content:flex-end;gap:8px}
body.pc-ui-preview :is(.payable-action-dialog .payable-validation){margin:10px 0 0}
body.pc-ui-preview :is(.payable-action-dialog .payable-plan-line){grid-template-columns:1fr 1fr 1fr auto;gap:10px;padding:12px 0}
body.pc-ui-preview :is(.payable-main-dialog>header>div,.payable-create-dialog>header>div){display:flex;gap:14px;align-items:center;min-width:0}
body.pc-ui-preview :is(.payable-main-dialog .payable-dialog-summary){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:14px 0}
body.pc-ui-preview :is(.payable-main-dialog .payable-dialog-summary>div){padding:0 18px;display:grid;gap:5px}
body.pc-ui-preview :is(.payable-main-dialog .payable-dialog-summary>div+div){border-left:1px solid #dce5f2}
body.pc-ui-preview :is(.payable-main-dialog .payable-dialog-summary span){font-size:12px;color:#70849b}
body.pc-ui-preview :is(.payable-main-dialog .payable-dialog-summary strong){font-size:23px;line-height:1.3;font-variant-numeric:tabular-nums}
body.pc-ui-preview :is(.payable-detail-section){border-bottom:1px solid #e3e9f2;padding:14px 0;margin:0}
body.pc-ui-preview :is(.payable-detail-section:last-child){border-bottom:0}
body.pc-ui-preview :is(.payable-detail-section :is(h4,summary)){font-size:14px;color:#203d59;font-weight:600;margin:0 0 10px}
body.pc-ui-preview :is(.payable-detail-section summary){cursor:pointer;margin:0}
body.pc-ui-preview :is(.payable-detail-section[open] summary){margin-bottom:12px}
body.pc-ui-preview :is(.payable-detail-section .section-head){display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;gap:12px}
body.pc-ui-preview :is(.payable-detail-section .section-head h4){margin:0}
body.pc-ui-preview :is(.payable-detail-fields){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px;margin:0}
body.pc-ui-preview :is(.payable-detail-fields>div){display:grid;grid-template-columns:108px minmax(0,1fr);gap:8px;align-items:baseline;min-width:0}
body.pc-ui-preview :is(.payable-detail-fields>div.fw-full){display:block}
body.pc-ui-preview :is(.payable-detail-fields .fw-full>div){display:grid;grid-template-columns:108px minmax(0,1fr);gap:8px}
body.pc-ui-preview :is(.payable-detail-fields dt){font-size:12px;color:#71859b}
body.pc-ui-preview :is(.payable-detail-fields dd){margin:0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
body.pc-ui-preview :is(.payable-main-dialog .table-scroll){overflow:auto;max-height:260px;border:1px solid #e0e7f1;border-radius:4px}
body.pc-ui-preview :is(.payable-main-dialog table){width:100%;min-width:620px;font-size:13px}
body.pc-ui-preview :is(.payable-main-dialog :is(th,td)){padding:9px 12px;vertical-align:top;text-align:left}
body.pc-ui-preview :is(.payable-main-dialog th){position:sticky;top:0;background:#f3f6fa}
body.pc-ui-preview :is(.payable-main-dialog .money){white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
body.pc-ui-preview :is(.payable-main-dialog .cell-sub){display:block;color:#76889c;font-size:12px;margin-top:4px;line-height:1.5}
body.pc-ui-preview :is(.payable-main-dialog .payable-actions){margin:0;gap:8px}
body.pc-ui-preview :is(.payable-main-dialog .fund-payment-form){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;max-width:none;padding:0;margin:0}
body.pc-ui-preview :is(.payable-main-dialog .fund-payment-form>label){display:grid;gap:6px;font-size:13px;min-width:0}
body.pc-ui-preview :is(.payable-main-dialog .fund-payment-form :is(input,select)){width:100%;min-width:0;box-sizing:border-box}
body.pc-ui-preview :is(.payable-main-dialog .fund-payment-note){margin:0 0 4px;background:#f4f7fc;border:1px solid #e0e7f2;padding:12px 14px;font-size:12px;line-height:1.7;border-radius:5px;color:#71829a}
body.pc-ui-preview :is(.payable-main-dialog .fund-payment-note strong){display:block;color:#28435f;font-size:13px;font-weight:500;overflow-wrap:anywhere}
body.pc-ui-preview :is(.payable-main-dialog .fund-payment-form footer){position:sticky;bottom:-18px;background:#fff;border-top:1px solid #e0e7f1;padding:14px 0 0;margin-top:4px;display:flex;justify-content:flex-end;gap:8px;z-index:2}
body.pc-ui-preview :is(.payable-create-dialog .fund-create-panel){margin:0!important;border:0!important;padding:0!important}
body.pc-ui-preview :is(.payable-create-dialog .section-head){display:none}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-form-section){margin:0 0 16px;padding:0 0 16px;border:0;border-bottom:1px solid #e3e9f2;background:none}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-form-section :is(h4,h3)){font-size:14px;margin:0 0 6px}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-form-section-note){font-size:12px;color:#74869b}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-form-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-field){min-width:0}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-field.hidden){display:none!important}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-field :is(input,select,textarea)){width:100%;min-width:0;box-sizing:border-box}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-field-label){font-size:13px;margin-bottom:6px}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-form-actions){position:sticky;bottom:-18px;background:#fff;border-top:1px solid #dfe6ef;padding:12px 0 0;display:flex;justify-content:flex-end;gap:8px;z-index:3}
body.pc-ui-preview :is(.payable-pagination){display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-top:12px;font-size:12px;color:#72849b}
body.pc-ui-preview :is(.payable-pagination>span){margin-right:auto}
body.pc-ui-preview :is(.payable-pagination button){width:auto;min-height:30px}
@media(max-width:1100px){.fw-workspace[data-view="payables"] table{min-width:940px}.payables-workspace-tabs{gap:15px}.payable-action-dialog .payable-plan-line{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.payables-workspace-head{display:none}.payable-dialog-fields{grid-template-columns:minmax(0,1fr)}dialog.payable-action-dialog,dialog.payable-main-dialog,dialog.payable-create-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.payable-dialog-body{padding:14px}.fw-workspace[data-view="payables"] table{min-width:0}.fw-workspace[data-view="payables"] .fw-table-scroll{max-height:none}.fw-workspace[data-view="payables"] td{width:auto!important}}

body.pc-ui-preview :is(.payable-action-dialog .payable-dialog-summary){display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
body.pc-ui-preview :is(.payable-action-dialog .payable-dialog-summary>div){display:flex;flex-direction:column;min-width:0}
body.pc-ui-preview :is(.payable-action-dialog .payable-dialog-summary span){font-size:12px;color:#70849b}
body.pc-ui-preview :is(.payable-action-dialog .payable-dialog-summary strong){font-size:16px}
body.pc-ui-preview :is(.payable-action-dialog form>footer){flex-direction:column;gap:4px}
body.pc-ui-preview :is(.payable-action-dialog .payable-validation:empty){display:none}
body.pc-ui-preview :is(.payable-dialog-footer-actions){display:flex;justify-content:flex-end;gap:8px}
body.pc-ui-preview :is(.payable-plan-toolbar){display:flex;align-items:center;justify-content:space-between}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-form-organized){display:grid;grid-template-columns:minmax(0,1fr);gap:0}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-form-fields){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-form-heading){margin:0 0 12px;display:flex;align-items:baseline;gap:14px}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-form-heading>span){font-size:12px;color:#74869b}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-field-wide){grid-column:1/-1}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-form-footer){position:sticky;bottom:-18px;background:#fff;border-top:1px solid #dfe6ef;padding:12px 0 0;display:flex;justify-content:flex-end;gap:8px;z-index:3}
body.pc-ui-preview :is(.payable-create-dialog .finance-a-field>span){display:block}

body.pc-ui-preview .payables-workspace-tabs button.secondary:not([aria-pressed="true"]){background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;box-shadow:none;color:#62768f}
body.pc-ui-preview .payables-workspace-tabs{margin-top:0}
body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-tools label{margin:0;gap:8px}
body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-tools :is(input,select){margin:0}
body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-tools{padding-bottom:12px;margin-bottom:0}
body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-table-scroll{max-height:none}
body.pc-ui-preview .fw-workspace[data-view="payables"] td:nth-child(7) summary{white-space:nowrap}
body.pc-ui-preview .finance-a-funds .finance-a-list-panel table{min-width:940px;width:100%}
body.pc-ui-preview .finance-a-funds .fund-list-panel .table-scroll{max-height:none;height:auto}
body.pc-ui-preview .payable-main-dialog .fund-payment-form{grid-template-columns:repeat(2,minmax(0,1fr))}
body.pc-ui-preview .payable-main-dialog .fund-payment-note strong{background:transparent;padding:0}
body.pc-ui-preview .payable-detail-fields>div.fw-full{display:grid}

body.pc-ui-preview .finance-a-funds .fund-overview-cards>.stat{min-width:0;flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:8px 12px;margin:0;border-radius:4px;box-shadow:none}
body.pc-ui-preview .finance-a-funds .fund-overview-cards .stat :is(.num,.stat-label){margin:0;font-size:13px;line-height:1.5}
body.pc-ui-preview .finance-a-funds .fund-overview-cards .stat .num{font-size:15px;font-weight:600}
body.pc-ui-preview .payables-workspace-tools button[hidden]{display:none!important}

body.pc-ui-preview .finance-a-funds .finance-a-list-panel > .table-scroll > table{min-width:940px;table-layout:fixed}
body.pc-ui-preview .finance-a-funds .finance-a-list-panel > .table-scroll > table > thead > tr > th:first-child{width:30%}
body.pc-ui-preview .finance-a-funds .finance-a-list-panel > .table-scroll > table > thead > tr > th:nth-child(2){width:9%}
body.pc-ui-preview .finance-a-funds .finance-a-list-panel > .table-scroll > table > thead > tr > th:nth-child(n+3):nth-child(-n+5){width:11%;text-align:right}
body.pc-ui-preview .finance-a-funds .finance-a-list-panel > .table-scroll > table > thead > tr > th:nth-child(6){width:14%}
body.pc-ui-preview .finance-a-funds .finance-a-list-panel > .table-scroll > table > thead > tr > th:last-child{width:14%}
body.pc-ui-preview .finance-a-funds .finance-a-list-panel td.money{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
body.pc-ui-preview .finance-a-funds .finance-a-list-panel :is(.cell-main,.cell-sub){display:block}
body.pc-ui-preview .finance-a-funds .finance-a-list-panel .cell-main{font-weight:500}
body.pc-ui-preview .finance-a-funds .finance-a-list-panel .table-action-group{display:flex;flex-wrap:wrap;gap:6px}
body.pc-ui-preview .finance-a-funds .finance-a-list-panel .table-action-group button{width:auto;white-space:nowrap}

body.pc-ui-preview .finance-a-funds .fund-overview-cards>.stat{width:auto}
body.pc-ui-preview .finance-a-funds .fund-list-panel .nav-alert-highlight td{background:var(--row-highlight-bg,#f2f7ff)!important;box-shadow:none!important;outline:none!important}
body.pc-ui-preview .finance-a-funds .fund-list-panel .nav-alert-highlight{box-shadow:none!important;outline:none!important}

/* Preserve existing phone cards after the request table's column consolidation. */
@media(max-width:768px){
body .mobile-system-shell .fund-list-panel .table-scroll > table tbody > tr[data-row-id] > td:first-child{display:block;grid-column:1/-1;grid-row:1}
body .mobile-system-shell .fund-list-panel .table-scroll > table tbody > tr[data-row-id] > td:nth-child(2){grid-column:1;grid-row:2}
body .mobile-system-shell .fund-list-panel .table-scroll > table tbody > tr[data-row-id] > td:nth-child(3){grid-column:2;grid-row:2}
body .mobile-system-shell .fund-list-panel .table-scroll > table tbody > tr[data-row-id] > td:nth-child(5){grid-column:1/-1;grid-row:3}
body .mobile-system-shell .fund-list-panel .table-scroll > table tbody > tr[data-row-id] > td:nth-child(5)::before{content:'尚未付款 ';display:inline}
body .mobile-system-shell .fund-list-panel .table-scroll > table tbody > tr[data-row-id] > td:nth-child(6){grid-row:4}
body .mobile-system-shell .fund-list-panel .table-scroll > table tbody > tr[data-row-id] > td:nth-child(7){grid-row:5}
}

/* Keep payment controls compact without shrinking the list text. */
body.pc-ui-preview .payable-plan-breakdown{border-top:1px solid #e4eaf2;padding-top:5px;margin-top:5px}
body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-body> .fw-table-scroll{padding-top:0}
@media(min-width:769px) and (max-width:1400px){body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-tools label:first-child{flex-basis:220px;min-width:220px;max-width:300px}body.pc-ui-preview .payable-toolbar-summary{gap:10px}body.pc-ui-preview .payable-filtered-total{padding-left:10px}}
body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-tools label[hidden]{display:none!important}
body.pc-ui-preview .fw-workspace[data-view="payables"] td:nth-child(7) summary small{white-space:normal;overflow-wrap:anywhere}
body.pc-ui-preview .finance-a-funds .fund-list-panel{padding:12px 18px}
body.pc-ui-preview .finance-a-funds .fund-list-panel>.section-head{padding-bottom:8px;margin-bottom:8px}
body.pc-ui-preview .finance-a-funds .fund-overview-cards>.stat{padding:5px 10px;min-height:32px}
body.pc-ui-preview .finance-a-funds .fund-request-filter-strip{padding:0;background:transparent;border:0}
body.pc-ui-preview .finance-a-funds .fund-list-panel :is(th,td){padding:8px 12px;line-height:1.5}

/* Fixed request pages show all ten rows; only the page itself may scroll. */
body.pc-ui-preview .finance-a-funds .fund-list-panel > .table-scroll > table{margin:0}
body.pc-ui-preview .finance-a-funds .fund-list-panel > .table-scroll > table > tbody > tr > td{padding-top:6px;padding-bottom:6px}

/* Payables use full ten-row pages, with a compact filter row and summary below. */
body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-table-scroll{height:auto;overflow-x:auto;overflow-y:visible}
body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-table-scroll>table{margin:0}
body.pc-ui-preview .fw-workspace[data-view="payables"] tbody td{padding-top:6px;padding-bottom:6px}
body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-tools{display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(130px,1fr)) repeat(2,minmax(150px,1fr)) auto;align-items:end;gap:10px}
body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-tools label,body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-tools label:first-child{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;max-width:none;margin:0}
body.pc-ui-preview .fw-workspace[data-view="payables"] .payable-toolbar-summary{grid-column:1/-2;margin-left:0;min-height:32px}
body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-tools>[data-fw="export-view"]{grid-column:-2/-1;justify-self:end}
@media(min-width:769px) and (max-width:1500px){body.pc-ui-preview .fw-workspace[data-view="payables"] .fw-tools{grid-template-columns:repeat(4,minmax(0,1fr))}body.pc-ui-preview .fw-workspace[data-view="payables"] .payable-toolbar-summary{grid-column:1/-2}}

body.pc-ui-preview .payable-review-dialog textarea{min-height:56px}

/* Finance chooses the payment account in the request detail itself. */
body.pc-ui-preview .payable-inline-finance { margin: 14px 0; padding: 16px; border: 1px solid #c9daf4; border-radius: 6px; background: #f6f9fe; }
body.pc-ui-preview .payable-inline-finance h4 { margin: 0 0 8px; }
body.pc-ui-preview .payable-inline-finance .payable-dialog-fields { gap: 10px 16px; }
body.pc-ui-preview .payable-inline-finance textarea { min-height: 48px; }
body.pc-ui-preview .payable-inline-finance footer { margin-top: 10px; }
body.pc-ui-preview .payable-inline-finance .payable-dialog-note { margin: 0 0 8px; }
body.pc-ui-preview .payable-inline-finance .payable-dialog-fields > label { grid-column: auto; width: 100%; max-width: none; }
body.pc-ui-preview .payable-inline-finance .payable-dialog-fields > p { grid-column: 1 / -1; }
body.pc-ui-preview .payable-inline-finance form { display: block; }
/* The finance approval view keeps the decision and its supporting facts together. */
body.pc-ui-preview .payable-approval-head{display:flex;justify-content:space-between;gap:24px;padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid #e0e7f1}
body.pc-ui-preview .payable-approval-head>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px}
body.pc-ui-preview .payable-approval-head span,body.pc-ui-preview .payable-approval-head small{font-size:12px;color:#71859b}
body.pc-ui-preview .payable-approval-head strong{font-size:14px}
body.pc-ui-preview .payable-approval-head>div:first-child>strong{font-size:23px;color:#193954}
body.pc-ui-preview .payable-approval-facts{gap:8px 24px}
body.pc-ui-preview .payable-approval-facts>div{grid-template-columns:88px minmax(0,1fr)}
body.pc-ui-preview .payable-approval-facts>div.fw-full{grid-column:1/-1}
body.pc-ui-preview .payable-approval-history{padding:9px 0}
body.pc-ui-preview .payable-approval-slot{position:sticky;bottom:-18px;background:#fff;padding-top:10px;margin-top:8px;z-index:3}
body.pc-ui-preview .payable-approval-slot .payable-inline-finance{border:0;border-top:1px solid #e0e7f1;border-radius:0;background:#fff;margin:0;padding:12px 0 0}
body.pc-ui-preview .payable-approval-slot .payable-dialog-fields{align-items:start}
body.pc-ui-preview .payable-approval-slot .payable-dialog-fields label{align-content:start}
body.pc-ui-preview .payable-approval-slot .payable-dialog-footer-actions{justify-content:space-between}
body.pc-ui-preview .payable-reject-entry{background:transparent!important;border-color:transparent!important;color:#708097!important;font-weight:400!important}
body.pc-ui-preview .payable-reject-entry:hover{background:#f6f7f9!important;border-color:#dce3ed!important;color:#973c37!important}
body.pc-ui-preview .payable-approval-slot .payable-dialog-footer-actions{width:100%;max-width:none}

/* One desktop list for applications and confirmed business balances. */
body.pc-ui-preview .payables-unified{padding:12px 18px!important;margin:0 0 8px;min-width:0}
body.pc-ui-preview .payables-unified[hidden]{display:none!important}
body.pc-ui-preview .payables-unified-status{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid #e0e7f1}
body.pc-ui-preview .payables-unified-status button{width:auto;margin:0;min-height:32px;padding:6px 12px;font-size:13px}
body.pc-ui-preview .payables-unified-status button[aria-pressed=true]{background:#eaf2ff;border-color:#9ab8e7;color:#145bc1;font-weight:600}
body.pc-ui-preview .payables-unified-filters{display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(120px,1fr)) minmax(130px,1fr) repeat(2,minmax(140px,1fr)) auto auto;gap:8px;align-items:center;margin:10px 0}
body.pc-ui-preview .payables-unified-filters :is(input,select,button){width:100%;min-width:0;margin:0;height:34px;font-size:13px;box-sizing:border-box}
body.pc-ui-preview .payables-unified-more{position:relative;white-space:nowrap;font-size:13px}
body.pc-ui-preview .payables-unified-more summary{cursor:pointer;color:#2561a8}
body.pc-ui-preview .payables-unified-more>div{position:absolute;right:0;top:100%;z-index:10;display:grid;gap:8px;width:210px;padding:12px;background:white;border:1px solid #dce5ef;box-shadow:0 5px 16px #20344b14}
body.pc-ui-preview .payables-unified-summary{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:8px 0 12px;font-size:13px;color:#657d98}
body.pc-ui-preview .payables-unified-summary strong{font-size:17px;color:#203d59;font-variant-numeric:tabular-nums}
body.pc-ui-preview .payables-unified-summary .payable-scope-note p{right:auto;left:0}
body.pc-ui-preview .payables-unified-error{color:#a54e0d;font-size:13px}
body.pc-ui-preview .payables-unified-table{border:1px solid #dbe4ef;border-radius:5px;max-height:none;overflow-x:auto;overflow-y:visible}
body.pc-ui-preview .payables-unified-table table{width:100%;min-width:940px;table-layout:fixed;margin:0}
body.pc-ui-preview .payables-unified-table :is(th,td){padding:9px 10px;font-size:13px;line-height:1.5;vertical-align:middle;overflow-wrap:anywhere}
body.pc-ui-preview .payables-unified-table th{background:#f4f7fb;color:#506985}
body.pc-ui-preview .payables-unified-table :is(th,td):first-child{width:23%}
body.pc-ui-preview .payables-unified-table :is(th,td):nth-child(2){width:10%}
body.pc-ui-preview .payables-unified-table :is(th,td):nth-child(3){width:9%}
body.pc-ui-preview .payables-unified-table :is(th,td):nth-child(n+4):nth-child(-n+6){width:10%;text-align:right;font-variant-numeric:tabular-nums}
body.pc-ui-preview .payables-unified-table :is(th,td):nth-child(7){width:12%}
body.pc-ui-preview .payables-unified-table :is(th,td):last-child{width:16%}
body.pc-ui-preview .payables-unified-table small{display:block;font-size:12px;color:#7689a1;margin-top:3px}
body.pc-ui-preview .payables-unified-table tr:nth-child(even){background:#fbfcfe}
body.pc-ui-preview .payables-unified-actions{display:flex;gap:5px;flex-wrap:wrap}
body.pc-ui-preview .payables-unified-actions button{width:auto;min-height:28px;margin:0;padding:4px 8px;font-size:12px;white-space:nowrap}
body.pc-ui-preview .payables-unified-table summary{font-size:12px;color:#71859b;cursor:pointer}
body.pc-ui-preview .payables-unified-table details p{font-size:12px;margin:5px 0}
body.pc-ui-preview .payables-unified-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px;font-size:12px;color:#6c819a}
body.pc-ui-preview .payables-unified-pager span{margin-right:auto}
body.pc-ui-preview .payables-unified-pager button{width:auto;margin:0;min-height:30px;padding:5px 10px}
@media(min-width:769px) and (max-width:1550px){body.pc-ui-preview .payables-unified-filters{grid-template-columns:repeat(5,minmax(0,1fr))}body.pc-ui-preview .payables-unified-filters [data-unified-filter=keyword]{grid-column:span 2}}

/* Approval facts, payment account and decision stay visible in one compact view. */
body.pc-ui-preview .payable-approval-dialog>header{padding:12px 20px}
body.pc-ui-preview .payable-approval-dialog>.payable-dialog-body{padding:12px 20px}
body.pc-ui-preview .payable-approval-head{padding-bottom:9px;margin-bottom:9px}
body.pc-ui-preview .payable-approval-facts{gap:5px 24px;margin:0}
body.pc-ui-preview .payable-approval-facts dd{line-height:1.5}
body.pc-ui-preview .payable-approval-slot{position:static;padding-top:0;margin-top:8px}
body.pc-ui-preview .payable-approval-slot .payable-inline-finance{padding-top:10px}
body.pc-ui-preview .payable-approval-slot .payable-dialog-fields{gap:8px 14px}
body.pc-ui-preview .payable-approval-slot .payable-dialog-fields>label.fw-full{grid-column:1/-1}
body.pc-ui-preview .payable-approval-slot textarea{min-height:36px;height:36px;resize:vertical}
body.pc-ui-preview .payable-confirmed-account{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}
body.pc-ui-preview .payable-confirmed-account>span{color:#6e819a}
body.pc-ui-preview .payable-approval-slot footer{position:sticky;bottom:-12px;background:white;padding:8px 0 0;margin-top:6px;z-index:2}
body.pc-ui-preview .payable-approval-history{margin:6px 0 0;padding:6px 0}

/* Viewing a request uses the same facts and spacing as approving it. */
body.pc-ui-preview .payable-compact-dialog>header{padding:12px 20px}
body.pc-ui-preview .payable-compact-dialog>.payable-dialog-body{padding:12px 20px}
body.pc-ui-preview .payable-rejection-reason{display:flex;gap:14px;padding:9px 12px;margin:0 0 12px;border:1px solid #f0d9c3;border-radius:4px;background:#fffbf6;font-size:13px;line-height:1.5}
body.pc-ui-preview .payable-rejection-reason strong{flex:none;color:#8b4a16}
body.pc-ui-preview .payable-rejection-reason span{overflow-wrap:anywhere;min-width:0}
body.pc-ui-preview .payable-readonly-content .payable-detail-account{border-top:1px solid #e3e9f2;padding-top:8px;margin-top:3px}
body.pc-ui-preview .payable-confirmation-note{margin:10px 0 0}
body.pc-ui-preview .payable-detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0 0}
body.pc-ui-preview .payable-detail-actions:empty{display:none}
body.pc-ui-preview .payable-detail-actions>.payable-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.pc-ui-preview .payable-detail-more{display:flex;align-items:center;font-size:12px;color:#708097}
body.pc-ui-preview .payable-detail-more>summary{cursor:pointer;padding:7px 0}
body.pc-ui-preview .payable-detail-more[open]>button{margin:6px 0 0}

/* Payment arrangement keeps unused direct-payment fields out of the review form. */
.payable-review-dialog [data-direct-payment][hidden],.payable-inline-finance [data-direct-payment][hidden],.payable-review-dialog [data-payroll-month][hidden],.payable-inline-finance [data-payroll-month][hidden]{display:none!important}

/* Compact screen-sized pages; full text stays available without clipping rows. */
body.pc-ui-preview .payables-unified-table :is(th,td){padding:5px 10px;line-height:1.35}
body.pc-ui-preview .payables-unified-table small{margin-top:2px;line-height:1.3}
body.pc-ui-preview .payables-unified-summary{margin:6px 0 8px}
body.pc-ui-preview .payables-unified-pager{margin-top:8px}
body.pc-ui-preview .payables-unified-table{box-sizing:border-box}
body.pc-ui-preview .payables-unified-table table{height:auto}
body.pc-ui-preview .payables-unified-table[data-page-size-mode="fixed"] thead th{position:sticky;top:0;z-index:2}
body.pc-ui-preview .payables-unified-pager .purchase-pagination-controls span{margin-right:0}
body.pc-ui-preview .payables-unified-table :is(td>span,td>small){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.pc-ui-preview .payables-unified-table .payables-list-note{display:block;width:auto;height:auto;min-height:0;padding:2px 0;margin:0;border:0;background:none;color:#2561a8;font-size:12px;box-shadow:none}
.payables-list-note-dialog{width:440px;max-width:calc(100vw - 48px);max-height:75vh;padding:16px 20px;border:1px solid #d7e1ef;border-radius:6px;color:#203d59;background:white}
.payables-list-note-dialog::backdrop{background:#142c4a55}
.payables-list-note-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.payables-list-note-dialog header button{width:auto;margin:0}
.payables-list-note-dialog p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}

.payables-more-actions{position:relative;font-size:12px}.payables-more-actions>summary{list-style:none;cursor:pointer;border:1px solid #d7e1ef;border-radius:6px;padding:7px 12px;color:#245c9b;background:#fff}.payables-more-actions>summary::-webkit-details-marker{display:none}.payables-more-actions>div{position:absolute;right:0;top:calc(100% + 4px);z-index:12;min-width:150px;padding:6px;background:#fff;border:1px solid #d7e1ef;border-radius:6px;box-shadow:0 4px 14px #142c4a22}.payables-more-actions>div button{white-space:nowrap;width:100%;margin:0}

/* Payment purposes share one compact application; settlement terms stay together. */
body.pc-ui-preview .payable-create-dialog .finance-a-form-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}
body.pc-ui-preview .payable-create-dialog .finance-a-form-section{margin:0 0 10px;padding:0 0 10px}
body.pc-ui-preview .payable-create-dialog .finance-a-form-heading{margin:0 0 7px}
body.pc-ui-preview .payable-create-dialog .finance-a-form-heading>span:empty{display:none}
body.pc-ui-preview .payable-create-dialog .finance-a-field-label{margin-bottom:4px}
body.pc-ui-preview .payable-create-dialog .finance-a-field>span:empty{display:none}
body.pc-ui-preview .payable-create-dialog :is(input,select,textarea){margin:0;min-height:32px}
body.pc-ui-preview .payable-create-dialog textarea{height:50px;min-height:50px;resize:vertical}
.payable-settlement-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;grid-column:1/-1;min-width:0}
.payable-settlement-fields[hidden],.payable-settlement-fields [hidden],.payable-create-dialog .finance-a-form-section[hidden]{display:none!important}
.payable-settlement-fields label{display:grid;gap:4px;margin:0;padding:0;min-width:0;font-size:13px}
.payable-settlement-fields :is(input,select){margin:0;min-width:0;width:100%;box-sizing:border-box}
.payable-settlement-extra{grid-column:1/-1;margin:0;padding:0;border:0}
.payable-settlement-extra>summary{cursor:pointer;font-size:12px;color:#647e9a;padding:3px 0}
.payable-settlement-extra>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin-top:7px}
.payable-settlement-summary{padding:10px 12px;margin:8px 0;border:1px solid #dce5f2;background:#f7faff;border-radius:5px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.payable-settlement-summary>div:first-child{display:flex;gap:12px;align-items:center}
.payable-settlement-summary span,.payable-settlement-summary p{font-size:12px;color:#647e9a}
.payable-settlement-summary strong{font-size:15px}
.payable-settlement-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.payable-settlement-summary p{width:100%;margin:0}
body.pc-ui-preview .payable-action-dialog[data-action="resubmit"]:has([data-settlement-fields]) .payable-dialog-fields{gap:8px 12px}
body.pc-ui-preview .payable-action-dialog[data-action="resubmit"]:has([data-settlement-fields]) .payable-dialog-fields textarea{min-height:48px}
@media(max-width:768px){.payable-settlement-fields,.payable-settlement-extra>div{grid-template-columns:minmax(0,1fr)}}

body.pc-ui-preview .payable-create-dialog #fundRequestForm:not([data-settlement-type="normal"]) .finance-a-form-heading{display:none}
body.pc-ui-preview .payable-create-dialog .finance-a-form-heading{padding:0;border:0;min-height:0}
body.pc-ui-preview .payable-create-dialog .finance-a-form-section{border-radius:0}
body.pc-ui-preview .payable-create-dialog #fundRequestForm:not([data-settlement-type="normal"]) [name="purpose"]{height:38px;min-height:38px}