.payroll-workspace{min-width:0;color:#243b55}.payroll-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.payroll-heading h2{font-size:20px;margin:0}.payroll-heading p{font-size:12px;color:#6b7f96;margin:6px 0 0;line-height:1.6}.payroll-actions{display:flex;gap:8px;flex-shrink:0}.payroll-workspace button{width:auto;margin:0;border:1px solid #d6e3f3;border-radius:6px;background:#f0f5fc;color:#2f609b;padding:7px 11px;font-size:12px;cursor:pointer}.payroll-workspace .payroll-primary{background:#285fa8;color:#fff;border-color:#285fa8}.payroll-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:12px 0}.payroll-filters label{display:grid;gap:5px;min-width:130px;max-width:230px;flex:1;color:#637a94;font-size:12px}.payroll-filters input,.payroll-filters select{width:100%;min-width:0;box-sizing:border-box;margin:0;padding:8px 9px;border:1px solid #d5e0ee;border-radius:5px;background:#fff;color:#2c435e;font-size:13px}.payroll-summary{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #e4ebf4;border-bottom:1px solid #e4ebf4;padding:13px 0;margin:13px 0 8px}.payroll-summary>span{color:#708298;font-size:12px}.payroll-summary strong{display:block;color:#294765;font-size:18px;margin-top:5px;font-variant-numeric:tabular-nums}.payroll-note{font-size:11px;color:#7c8b9d;line-height:1.6}.payroll-table-wrap{overflow:auto;width:100%;min-width:0}.payroll-table-wrap table{border-collapse:collapse;width:100%;margin:0;font-size:12px}.payroll-table-wrap th,.payroll-table-wrap td{padding:11px 9px;border-bottom:1px solid #e5ebf3;text-align:left;vertical-align:top;overflow-wrap:anywhere}.payroll-table-wrap th{background:#f5f8fc;font-size:11px;color:#667d96;font-weight:500}.payroll-table-wrap td:not(:first-child){font-variant-numeric:tabular-nums}.payroll-table-wrap td small{display:block;margin-top:5px;color:#7b8b9d;font-size:11px;line-height:1.5}.payroll-table-wrap th:last-child,.payroll-table-wrap td:last-child{position:sticky;right:0;background:#fff;min-width:74px;box-shadow:-4px 0 7px -6px #526981}.payroll-table-wrap th:last-child{background:#f5f8fc}.payroll-status{display:inline-block;border-radius:14px;padding:3px 7px;background:#edf3fa;color:#376391;font-size:11px}.payroll-workspace .payroll-error{color:#b23b35}.payroll-empty{text-align:center!important;padding:28px!important;color:#7d8ba0}.payroll-workspace button:focus-visible{outline:3px solid #a4c1e8;outline-offset:2px}@media(max-width:1100px){.payroll-summary{gap:12px 20px}.payroll-table-wrap table{min-width:740px}.payroll-heading{align-items:start}.payroll-actions{flex-wrap:wrap;justify-content:end}}@media(max-width:768px){.payroll-heading{display:block}.payroll-actions{justify-content:start;margin-top:10px}.payroll-table-wrap table{min-width:730px}}

/* Mobile payroll: show each salary record as an actionable card. */
@media (max-width:768px){
  .payroll-workspace{padding:0;min-width:0}
  .payroll-heading{gap:10px;margin-bottom:12px}
  .payroll-heading h2{font-size:19px}
  .payroll-heading p{font-size:12px;line-height:1.55}
  .payroll-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
  .payroll-actions button{width:100%;min-height:42px}
  .payroll-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:12px 0}
  .payroll-filters label{min-width:0;max-width:none;width:100%}
  .payroll-filters input,.payroll-filters select{min-height:42px}
  .payroll-filters button{width:100%;min-height:42px}
  .payroll-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px 0;margin:10px 0 8px}
  .payroll-summary>span{border:1px solid #e1e9f3;border-radius:8px;padding:9px;background:#f8faff}
  .payroll-summary strong{font-size:17px;overflow-wrap:anywhere}
  .payroll-note{font-size:11px;line-height:1.6}
  .payroll-table-wrap{overflow:visible}
  .payroll-table-wrap table{display:block;min-width:0!important}
  .payroll-table-wrap thead{display:none}
  .payroll-table-wrap tbody{display:grid;gap:10px}
  .payroll-table-wrap tbody tr{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid #dce5ef;border-radius:10px;background:#fff;overflow:hidden}
  .payroll-table-wrap tbody tr[hidden]{display:none!important}
  .payroll-table-wrap td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;align-items:start;min-width:0!important;padding:10px;border:0;border-bottom:1px solid #edf1f6;overflow-wrap:anywhere}
  .payroll-table-wrap td:last-child{border-bottom:0;position:static!important;box-shadow:none!important;background:transparent!important}
  .payroll-table-wrap td::before{font-size:12px;line-height:1.5;color:#6b7f96;font-weight:600}
  .payroll-table-wrap td:nth-child(1)::before{content:'员工 / 月份'}
  .payroll-table-wrap td:nth-child(2)::before{content:'应发工资'}
  .payroll-table-wrap td:nth-child(3)::before{content:'员工代扣'}
  .payroll-table-wrap td:nth-child(4)::before{content:'转账明细'}
  .payroll-table-wrap td:nth-child(5)::before{content:'人工成本'}
  .payroll-table-wrap td:nth-child(6)::before{content:'法定待缴'}
  .payroll-table-wrap td:nth-child(7)::before{content:'状态 / 发放日期'}
  .payroll-table-wrap td:nth-child(8)::before{content:'办理'}
  .payroll-table-wrap td button{min-height:40px;width:100%;margin:0}
  .payroll-empty{display:block!important;padding:24px 12px!important;text-align:center}
  .payroll-empty::before{display:none!important}
}


@media(min-width:769px){.payroll-table-wrap td:is(:nth-child(2),:nth-child(3),:nth-child(5),:nth-child(6)),.payroll-table-wrap td:nth-child(4)>strong,.payroll-table-wrap td:last-child button{white-space:nowrap}}

/* Keep list ordering with the existing salary totals. */
.payroll-summary{align-items:center;column-gap:18px}
.payroll-summary>.business-list-sort-inline{padding:0;border:0;background:none}
@media(max-width:768px){.payroll-summary>.business-list-sort-inline{grid-column:1/-1;justify-self:start}}

/* Salary review stays in the existing toolbar until the user expands it. */
.payroll-review-menu{position:relative;align-self:center;font-size:13px}.payroll-review-menu>summary{cursor:pointer;white-space:nowrap;padding:7px 10px;border:1px solid #e2c999;border-radius:6px;background:#fff8ec;color:#78501d;list-style:none}.payroll-review-list{position:absolute;right:0;top:calc(100% + 6px);z-index:35;width:460px;max-width:calc(100vw - 44px);max-height:50vh;overflow:auto;padding:10px 12px;background:white;border:1px solid #d6e3f3;border-radius:8px;box-shadow:0 8px 22px #1232}.payroll-review-list>p{margin:0 0 8px;font-size:12px;line-height:1.6;color:#637a94}.payroll-review-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #edf1f5}.payroll-review-item>div{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.payroll-review-item small{color:#637a94;line-height:1.5}.payroll-review-item button{flex-shrink:0}.payroll-heading .payroll-actions{flex-wrap:wrap;justify-content:flex-end}@media(max-width:768px){.payroll-review-menu{grid-column:1/-1}.payroll-review-list{left:0;right:auto;width:calc(100vw - 48px)}}

/* Payroll controls retain their fields and workflow; only this workspace is aligned. */
.payroll-workspace .payroll-filters label{margin:0;}
.cw-modal[data-workflow-kind="payroll"] .cw-payroll-groups{display:grid;gap:12px;min-width:0;}
.cw-modal[data-workflow-kind="payroll"] .cw-payroll-group{min-width:0;margin:0;border:1px solid #dfe7f1;border-radius:6px;padding:10px 12px 12px;}
.cw-modal[data-workflow-kind="payroll"] .cw-payroll-group legend{padding:0 5px;font-size:13px;font-weight:600;color:#294765;}
.cw-modal[data-workflow-kind="payroll"] .cw-payroll-editor .cw-field{margin:0;}
.cw-modal[data-workflow-kind="payroll"] .cw-payroll-editor .cw-form{gap:10px 12px;}
@media(min-width:1100px){body.pc-ui-preview .cw-modal[data-workflow-kind="payroll"] .cw-payroll-money-group .cw-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;}}

@media(min-width:769px){
 body.pc-ui-preview .payroll-workspace .payroll-summary{gap:8px;align-items:center;padding:8px 0;margin:8px 0;}
 body.pc-ui-preview .payroll-workspace .payroll-summary>span{display:flex;align-items:baseline;gap:6px;}
 body.pc-ui-preview .payroll-workspace .payroll-summary strong{display:inline;margin:0;font-size:16px;}
 body.pc-ui-preview .payroll-workspace .payroll-scope-note{position:relative;margin:0;flex:none;font-size:12px;color:#536f90;}
 body.pc-ui-preview .payroll-workspace .payroll-scope-note>summary{cursor:pointer;white-space:nowrap;}
 body.pc-ui-preview .payroll-workspace .payroll-scope-note>.payroll-note{position:absolute;right:0;top:20px;z-index:30;width:460px;max-width:calc(100vw - 50px);padding:10px 12px;border:1px solid #d8e3ef;border-radius:6px;background:#fff;color:#526a82;box-shadow:0 8px 20px #1232;line-height:1.6;}
 body.pc-ui-preview .cw-modal[data-workflow-kind="payroll"] .cw-payroll-paid-note{margin:0 0 12px;padding:10px 12px;font-size:13px;}
 body.pc-ui-preview .cw-modal[data-workflow-kind="payroll"] .cw-payroll-paid-note p{margin:5px 0;}
}

@media(min-width:1280px) and (max-width:1500px){body.pc-ui-preview .payroll-workspace .payroll-summary .business-list-sort select{width:145px;min-width:145px;max-width:145px;}}

/* Salary phone workspace and its own workflow layers. Desktop and calculation logic remain unchanged. */
body.mobile-ui-active #content .mpm-page{padding:10px!important;min-width:0;}
body.mobile-ui-active #content .mpm-page .payroll-heading{display:block;margin:0 0 7px;}
body.mobile-ui-active #content .mpm-page .payroll-heading>div:first-child:empty,body.mobile-ui-active #content .mpm-page .payroll-heading h2{display:none;}
body.mobile-ui-active #content .mpm-page .payroll-heading h2.mpm-personal{display:block;font-size:13px;line-height:18px;margin:0 0 6px;}
body.mobile-ui-active #content .mpm-page .payroll-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:5px;margin:0;}
body.mobile-ui-active #content .mpm-page .payroll-actions>button{width:auto;min-height:36px;padding:6px 8px;font-size:12px;line-height:20px;}
body.mobile-ui-active #content .mpm-page .payroll-primary{background:#1d5fd1;border-color:#1d5fd1;}
body.mobile-ui-active #content .mpm-page .payroll-review-menu{width:100%;order:2;}
body.mobile-ui-active #content .mpm-page .payroll-review-menu>summary{padding:6px 8px;font-size:12px;min-height:32px;}
body.mobile-ui-active #content .mpm-page .payroll-review-item{gap:9px;padding:8px 0;align-items:center;}
body.mobile-ui-active #content .mpm-page .payroll-review-item>div{flex:1;min-width:0;gap:3px;}
body.mobile-ui-active #content .mpm-page .payroll-review-item button{flex:0 0 auto;width:auto;min-width:0;min-height:36px;padding:5px 8px;font-size:12px;}
body.mobile-ui-active #content .mpm-page .payroll-filters{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;margin:7px 0;}
body.mobile-ui-active #content .mpm-page .payroll-filters>label:has([name=search]){flex:1;min-width:0;font-size:0;gap:0;}
body.mobile-ui-active #content .mpm-page .payroll-filters input,body.mobile-ui-active #content .mpm-page .payroll-filters select{height:36px;min-height:36px;padding:6px 8px;font-size:12px;font-weight:400;}
body.mobile-ui-active #content .mpm-page .payroll-filters>button{width:auto;min-height:36px;padding:6px 8px;font-size:12px;}
body.mobile-ui-active #content .mpm-page .payroll-summary{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;padding:0;margin:7px 0;border:0;}
body.mobile-ui-active #content .mpm-page .payroll-summary>span{display:flex;gap:5px;align-items:baseline;padding:0;border:0;background:none;font-size:11px;color:#66758b;}
body.mobile-ui-active #content .mpm-page .payroll-summary>span>strong{display:inline;margin:0;font-size:12px;}
body.mobile-ui-active #content .mpm-page .payroll-summary>.mpm-totals{margin-left:auto;}
body.mobile-ui-active #content .mpm-page .mpm-totals>summary{min-height:28px;padding:3px 0;border:0;}
body.mobile-ui-active #content .mpm-page .mpm-totals .mpm-extra-body>span{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:6px;}
body.mobile-ui-active #content .mpm-page .mpm-totals strong{display:inline;font-size:13px;margin:0;}
body.mobile-ui-active #content .mpm-page .payroll-note{margin:7px 0 0;font-size:11px;line-height:17px;}
body.mobile-ui-active :is(.mpm-page,.mpm-scope) .mpm-extra{padding:0;margin:0;flex:none;}
body.mobile-ui-active :is(.mpm-page,.mpm-scope) .mpm-extra>summary{display:flex;align-items:center;list-style:none;min-height:36px;padding:5px 8px;box-sizing:border-box;border:1px solid #d7e3f3;border-radius:7px;background:white;color:#175cc3;font-size:12px;line-height:20px;cursor:pointer;white-space:nowrap;}
body.mobile-ui-active :is(.mpm-page,.mpm-scope) .mpm-extra>summary::after{content:'⌄';margin-left:4px;}
body.mobile-ui-active :is(.mpm-page,.mpm-scope) .mpm-extra:not([open])>.mpm-extra-body{display:none!important;}
body.mobile-ui-active :is(.mpm-page,.mpm-scope) .mpm-extra-body,body.mobile-ui-active #content .mpm-page :is(.mad-extra-body,.payroll-review-list){position:fixed!important;inset:auto;z-index:1850;box-sizing:border-box;max-width:calc(100vw - 24px);overflow:auto;padding:9px 10px;background:#fff;border:1px solid #d7e3f3;border-radius:8px;box-shadow:0 8px 24px #17365d26;font-size:12px;line-height:18px;color:#28445f;}
body.mobile-ui-active :is(.mpm-page,.mpm-scope) .mpm-filter>.mpm-extra-body{display:grid;gap:7px;}
body.mobile-ui-active :is(.mpm-page,.mpm-scope) .mpm-filter label{margin:0;max-width:none;min-width:0;gap:3px;font-size:12px;}
body.mobile-ui-active :is(.mpm-page,.mpm-scope) .mpm-filter .business-list-sort{margin:0;padding:0;}
body.mobile-ui-active :is(.mpm-page,.mpm-scope) .mpm-extra-body button{min-height:32px;font-size:12px;width:auto;margin:0;padding:5px 8px;}
body.mobile-ui-active #content .mpm-page .mpm-more>.mpm-extra-body{display:grid;gap:7px;}
body.mobile-ui-active #content .mpm-page .mpm-more p{font-size:11px;line-height:17px;margin:0;color:#66758b;}
body.mobile-ui-active #content .mpm-page .payroll-table-wrap{height:auto!important;min-height:0!important;max-height:none;overflow:visible;}
body.mobile-ui-active #content .mpm-page .payroll-table-wrap table{border:0;}
body.mobile-ui-active #content .mpm-page .payroll-table-wrap tbody{gap:7px;}
body.mobile-ui-active #content .mpm-page .payroll-table-wrap .mpm-pay-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 7px;padding:8px 10px;border:1px solid #dce5ef;border-radius:9px;overflow:visible;}
body.mobile-ui-active #content .mpm-page .payroll-table-wrap .mpm-pay-row:is([hidden],.hidden,.list-page-hidden,.customer-page-hidden){display:none!important;}
body.mobile-ui-active #content .mpm-page .payroll-table-wrap .mpm-pay-row>td{padding:0!important;border:0;min-width:0!important;position:static!important;z-index:auto!important;box-shadow:none;background:none;font-size:12px;line-height:17px;display:block;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>td::before{display:none;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mad-title{grid-column:1/-1;grid-row:1;display:flex!important;flex-wrap:wrap;gap:1px 5px;align-items:baseline;padding-right:60px!important;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mad-title strong{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:14px;line-height:20px;font-weight:600;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row small{font-size:11px;line-height:16px;margin:0;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mad-status{grid-column:2;grid-row:1;text-align:right;}
body.mobile-ui-active #content .mpm-page .payroll-status{padding:1px 5px;font-size:11px;line-height:17px;white-space:nowrap;border-radius:4px;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mad-gross{grid-column:1;grid-row:2;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mad-transfer{grid-column:2;grid-row:2;text-align:right;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mad-transfer strong{font-size:13px;line-height:18px;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mad-gross::before{display:inline;content:'应发 ';font-size:11px;font-weight:400;color:#66758b;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mad-transfer::before{display:inline;content:'转账 ';font-size:11px;font-weight:400;color:#66758b;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mpm-dates{grid-column:1/-1;grid-row:3;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mpm-dates:empty{display:none;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mad-statutory{grid-column:1;grid-row:4;align-self:center;font-size:11px;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mad-statutory::before{display:inline;content:'法定待缴 ';font-size:11px;font-weight:400;color:#66758b;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mad-actions:not([hidden]):not(.hidden){grid-column:2!important;grid-row:4!important;display:flex;flex-wrap:nowrap;gap:8px;align-self:center;}
body.mobile-ui-active #content .payroll-workspace.mpm-page .payroll-table-wrap .mpm-pay-row>.mad-actions :is(button,summary){min-height:28px;border:0;background:none;padding:4px 0;font-size:12px;line-height:20px;color:#175cc3;}
body.mobile-ui-active :is(.mpm-page,.mpm-scope) .customer-fixed-pagination{padding:6px 0;margin:0;min-height:0;display:flex;flex-wrap:nowrap;justify-content:flex-end;}
body.mobile-ui-active :is(.mpm-page,.mpm-scope) .customer-fixed-pagination>[data-page-summary],body.mobile-ui-active :is(.mpm-page,.mpm-scope) .list-page-jump,body.mobile-ui-active :is(.mpm-page,.mpm-scope) .list-page-size>span{display:none!important;}
body.mobile-ui-active :is(.mpm-page,.mpm-scope) .list-pagination-controls{flex-wrap:nowrap;gap:5px;}
body.mobile-ui-active :is(.mpm-page,.mpm-scope) .list-page-size select{width:76px;min-width:0;min-height:30px;font-size:12px;}

body.mobile-ui-active .cw-modal.mpm-scope{position:fixed;inset:auto 0;top:var(--mpm-vv-top,0px);height:var(--mpm-vv-height,100dvh);display:flex!important;align-items:center;justify-content:center;z-index:1800;padding:8px;box-sizing:border-box;background:#15263b88;color:#20344b;}
body.mobile-ui-active .cw-modal.mpm-scope>.cw-shell{display:flex;flex-direction:column;width:100%;max-width:680px;height:auto;max-height:100%;min-height:0;min-width:0;overflow:hidden;border-radius:9px;background:#fff;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-header{display:flex;align-items:center;gap:8px;flex:none;padding:8px 10px;border-bottom:1px solid #e0e7f0;background:#fff;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-header>div{min-width:0;flex:1;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-header h2{font-size:14px;line-height:20px;margin:0;overflow-wrap:anywhere;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-kicker{display:none;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-header>[data-cw-action=close]{order:-1;flex:none;width:auto;min-height:36px;padding:5px 8px;margin:0;background:#fff;color:#175cc3;border:1px solid #d7e3f3;border-radius:7px;font-size:12px;line-height:20px;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-message{flex:none;padding:0 10px;font-size:12px;line-height:18px;white-space:pre-wrap;color:#216a4a;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-message:not(:empty){padding:7px 10px;border-bottom:1px solid #e0e7f0;max-height:25vh;overflow:auto;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-message.cw-error{color:#b42318;background:#fff5f3;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-body{display:block;flex:1 1 auto;padding:10px;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;font-size:13px;line-height:20px;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-body:has(>form.mpm-form){display:flex;flex-direction:column;overflow:hidden;padding:0;}
body.mobile-ui-active .cw-modal.mpm-scope button{width:auto;min-height:32px;padding:5px 8px;margin:0;background:#fff;color:#175cc3;border:1px solid #d7e3f3;border-radius:7px;font-size:12px;line-height:20px;}
body.mobile-ui-active .cw-modal.mpm-scope button:disabled{opacity:.5;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-actions{display:flex;flex-wrap:wrap;gap:5px;align-items:center;overflow:visible;margin:0 0 7px;padding:0;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-actions button{flex:0 1 auto;white-space:normal;}
body.mobile-ui-active .cw-modal.mpm-scope :is(h3,h4){font-size:14px;line-height:20px;margin:8px 0 5px;overflow-wrap:anywhere;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-status{font-size:11px;line-height:17px;padding:1px 5px;background:#edf3fa;color:#376391;border-radius:4px;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;padding:7px 0;margin:0;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-summary>span{display:block;min-width:0;font-size:11px;line-height:16px;color:#66758b;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-summary strong{display:block;font-size:14px;line-height:20px;margin:1px 0 0;color:#20344b;overflow-wrap:anywhere;}
body.mobile-ui-active .cw-modal.mpm-scope :is(.cw-muted,.hr-attendance-preview){font-size:11px;line-height:17px;color:#66758b;margin:5px 0;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-warning{font-size:12px;line-height:18px;color:#855c18;background:#fff8e6;padding:8px;border-radius:6px;margin:6px 0;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:7px 0;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-detail>div{min-width:0;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-wide{grid-column:1/-1;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-detail dt{font-size:11px;line-height:16px;color:#66758b;margin:0 0 2px;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-detail dd{font-size:12px;line-height:18px;color:#20344b;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-fold{border-top:1px solid #e0e7f0;padding:0;margin:7px 0 0;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-fold>summary{font-size:12px;line-height:18px;color:#175cc3;min-height:34px;padding:8px 0;cursor:pointer;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-original-title{display:none;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-history{padding-left:18px;font-size:11px;line-height:17px;color:#66758b;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-history li{margin:0 0 7px;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-history p{margin:2px 0;font-size:12px;color:#20344b;white-space:pre-wrap;}
body.mobile-ui-active .cw-modal.mpm-scope form.mpm-form{display:flex;flex-direction:column;min-height:0;max-height:100%;width:100%;margin:0;overflow:hidden;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-form-scroll{order:1;padding:10px;overflow:auto;min-height:0;flex:1 1 auto;}
body.mobile-ui-active .cw-modal.mpm-scope form[data-mode=action]>h3{flex:none;margin:7px 10px 0;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-footer{order:2;position:static;flex:none;display:flex;gap:6px;flex-wrap:wrap;margin:0;padding:8px 10px;border-top:1px solid #e0e7f0;background:#fff;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-footer>button{min-height:36px;flex:1;}
body.mobile-ui-active .cw-modal.mpm-scope button[type=submit],body.mobile-ui-active .cw-modal.mpm-scope [data-cw-action=new]{background:#1d5fd1;color:white;border-color:#1d5fd1;}
body.mobile-ui-active .cw-modal.mpm-scope .mobile-return-row{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 7px;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-duplicate-return{display:none;}
body.mobile-ui-active .cw-modal.mpm-scope form>.mobile-return-row{order:-1;flex:none;padding:7px 10px 0;margin:0;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-field{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0;font-size:12px;line-height:18px;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-field>span{font-size:12px;font-weight:400;}
body.mobile-ui-active .cw-modal.mpm-scope :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;box-sizing:border-box;min-height:36px;margin:0;padding:6px 8px;border:1px solid #ced9e6;border-radius:6px;background:#fff;color:#20384f;font-size:13px;line-height:20px;font-weight:400;}
body.mobile-ui-active .cw-modal.mpm-scope input[type=checkbox]{width:16px;height:16px;min-height:16px;flex:none;margin:0;}
body.mobile-ui-active .cw-modal.mpm-scope textarea{min-height:64px;max-height:180px;resize:vertical;}
body.mobile-ui-active .cw-modal.mpm-scope :is(input,select,textarea):disabled{background:#f3f6fa;color:#66758b;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-payroll-groups{gap:9px;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-payroll-group{padding:7px 8px 9px;border:1px solid #e0e7f0;min-width:0;margin:0;border-radius:7px;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-payroll-group legend{font-size:12px;line-height:18px;padding:0 4px;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-field:has([name=previousPayrollId],[name=attendanceMonthId],[name=deductionCents]){grid-column:1/-1;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-field:has([name=previousPayrollId],[name=attendanceMonthId]) small{font-size:10px;line-height:15px;margin:0;}
body.mobile-ui-active .cw-modal.mpm-scope [data-hr-draft-state]{font-size:11px;line-height:17px;margin:5px 0;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-filters{display:flex;align-items:center;gap:5px;margin:6px 0;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-filters>input{flex:1;width:0;min-width:0;font-size:12px;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-filters>button{flex:none;min-height:36px;}
body.mobile-ui-active .cw-modal.mpm-scope .cw-table-wrap{overflow:auto;max-width:100%;}
body.mobile-ui-active .cw-modal.mpm-scope .hr-business-table{height:auto!important;min-height:0!important;max-height:none;overflow:visible;}
body.mobile-ui-active .cw-modal.mpm-scope .hr-business-table>table{display:block;min-width:0!important;border:0;width:100%;}
body.mobile-ui-active .cw-modal.mpm-scope .hr-business-table>table>thead{display:none;}
body.mobile-ui-active .cw-modal.mpm-scope .hr-business-table>table>tbody{display:grid;gap:7px;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 7px;padding:8px 10px;border:1px solid #dce5ef;border-radius:9px;background:#fff;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-row:is([hidden],.hidden,.customer-page-hidden,.list-page-hidden){display:none!important;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-row>td{position:static!important;z-index:auto!important;min-width:0!important;width:auto;max-width:none;padding:0;border:0;background:none;box-shadow:none;font-size:12px;line-height:17px;overflow-wrap:anywhere;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-row>td::before{font-size:11px;line-height:16px;color:#66758b;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-row strong{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:14px;line-height:20px;font-weight:600;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-row small{display:block;margin:0;font-size:11px;line-height:16px;color:#66758b;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-row>td:first-child{grid-column:1/-1;grid-row:1;display:flex;align-items:baseline;flex-wrap:wrap;gap:1px 5px;padding-right:54px;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-row>td:nth-child(6){grid-column:2;grid-row:1;text-align:right;font-size:11px;color:#376391;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-pay>td:nth-child(2){grid-column:1;grid-row:2;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-pay>td:nth-child(2)::before{content:'应发 ';}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-pay>td:nth-child(4){grid-column:2;grid-row:2;text-align:right;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-pay>td:nth-child(4)::before{content:'转账 ';}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-pay>td:nth-child(4)>strong{display:inline;font-size:13px;line-height:18px;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-pay>td:is(:nth-child(3),:nth-child(5)){display:none;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-statutory>td:nth-child(2){grid-column:1;grid-row:2;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-statutory>td:nth-child(3){grid-column:2;grid-row:2;font-weight:600;text-align:right;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-statutory>td:nth-child(3)::before{content:'¥ ';}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-statutory>td:is(:nth-child(4),:nth-child(5)){display:none;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-row>.mpm-dates{grid-column:1/-1;grid-row:3;font-size:11px;color:#66758b;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-row>td:nth-child(7){grid-column:1/-1;grid-row:4;display:flex;align-items:center;gap:9px;justify-content:flex-end;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-statutory>.mpm-dates{grid-column:1;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-statutory>td:nth-child(7){grid-column:2;grid-row:3;align-self:end;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-cw-row>td:nth-child(7) :is(button,summary){min-height:28px;padding:4px 0;font-size:12px;line-height:20px;border:0;background:none;margin:0;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-info-field+.mpm-info-field{border-top:1px solid #edf1f5;margin-top:7px;padding-top:7px;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-info-label{display:block;color:#66758b;font-size:11px;line-height:16px;margin-bottom:2px;}
body.mobile-ui-active .cw-modal.mpm-scope .mpm-info-value{font-size:12px;line-height:18px;overflow-wrap:anywhere;}
body.mobile-ui-active .cw-modal.mpm-scope :is(.cw-salary-reviews,[data-payroll-reimbursements]) table{font-size:12px;min-width:0;width:100%;border-collapse:collapse;}
body.mobile-ui-active .cw-modal.mpm-scope :is(.cw-salary-reviews,[data-payroll-reimbursements]) :is(td,th){padding:5px;border-bottom:1px solid #e5ebf3;text-align:left;overflow-wrap:anywhere;}
body.mobile-ui-active .bf-modal.mpm-scope{position:fixed;inset:auto 0;top:var(--mpm-vv-top,0px);height:var(--mpm-vv-height,100dvh);display:flex;align-items:center;justify-content:center;z-index:1900;padding:8px;box-sizing:border-box;}
body.mobile-ui-active .bf-modal.mpm-scope>.bf-shell{width:100%;max-width:520px;height:auto;max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;}
body.mobile-ui-active .bf-modal.mpm-scope .bf-header{display:flex;gap:8px;align-items:center;padding:8px 10px;flex:none;}
body.mobile-ui-active .bf-modal.mpm-scope .bf-header>[data-action=close]{order:-1;min-height:36px;font-size:12px;}
body.mobile-ui-active .bf-modal.mpm-scope .bf-header h2{font-size:14px;line-height:20px;margin:0;}
body.mobile-ui-active .bf-modal.mpm-scope .bf-content{padding:10px;min-height:0;overflow:auto;}
body.mobile-ui-active .bf-modal.mpm-scope .system-dialog-actions{display:flex;gap:6px;flex-wrap:nowrap;}
body.mobile-ui-active .bf-modal.mpm-scope .system-dialog-actions>button{min-height:36px;flex:1;font-size:12px;line-height:18px;padding:6px;}

