/*
 * 运营台账与人员管理布局规范。
 * 目标：以旧网页的横向、紧凑、可读为基准，禁止工资与宽表页面出现窄列逐字换行。
 */
.peopleHero,.payrollHero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:16px!important;padding:18px!important}
.peopleHero h2,.peopleHero h3,.payrollHero h2,.payrollHero h3{margin:0 0 8px!important;font-size:28px!important;line-height:1.2!important}
.peopleHero p,.payrollHero p{margin:0!important;line-height:1.6!important}
.peopleHero>div:first-child,.payrollHero>div:first-child{min-width:0!important}
.peopleHeroMeta,.payrollHeaderMeta{width:210px!important;min-width:210px!important;min-height:96px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important}
.peopleHeroMeta b,.payrollHeaderMeta b{font-size:30px!important;line-height:1!important;white-space:nowrap!important}
.peopleHeroMeta small,.payrollHeaderMeta small{margin-top:6px!important;line-height:1.4!important;white-space:normal!important}
.peopleMetrics,.payrollMetrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;margin:14px 0!important}
.peopleMetrics>*,.payrollMetrics>*{min-width:0!important;width:auto!important;min-height:118px!important;padding:14px 16px!important;line-height:1.4!important}
.peopleMetrics b,.payrollMetrics b{font-size:28px!important;line-height:1.1!important;word-break:normal!important}
.peopleAlert{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px 16px!important;min-height:0!important}
.peopleAlert>div{min-width:0!important}.peopleAlert b,.peopleAlert p{line-height:1.55!important}
.peopleModuleCard{min-width:0!important;min-height:126px!important;padding:16px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;text-align:left!important}
.peopleModuleCard span{font-size:16px!important;line-height:1.35!important}.peopleModuleCard p{margin:6px 0!important;line-height:1.55!important}
.peoplePanel,.peopleGuide{min-width:0!important;box-sizing:border-box!important}.peoplePanel{padding:16px!important}
.peoplePanelHead{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}.peoplePanelHead>div{min-width:0!important}
.peopleRoleCard{min-width:0!important;min-height:154px!important;padding:14px!important}.peopleRoleCard h4{margin:4px 0!important;font-size:17px!important;line-height:1.35!important}.peopleRoleCard p,.peopleRoleCard small{line-height:1.5!important}
.peoplePayLine{min-width:160px!important;text-align:right!important}.peopleResponsibility{overflow-wrap:anywhere!important}
.peopleGuide{padding:16px!important}.peopleGuide ol{display:grid!important;gap:8px!important;margin:10px 0!important;padding:0!important;list-style:none!important}.peopleGuide li{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;padding:9px 0!important;line-height:1.5!important}.peopleGuide li span{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;white-space:nowrap!important}
.payrollToolbar{display:flex!important;align-items:end!important;gap:12px!important;flex-wrap:wrap!important;padding:14px 16px!important}
.payrollFilters{display:flex!important;gap:12px!important;flex-wrap:wrap!important;flex:1 1 auto!important}
.payrollToolbar label{width:210px!important;max-width:100%!important}
.payrollToolbarActions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.payrollToolbarActions button{white-space:nowrap!important}
.payrollMetrics>div{display:flex!important;flex-direction:column!important;justify-content:center!important}.payrollMetrics span,.payrollMetrics small{line-height:1.45!important}
.payrollGuide{display:grid!important;grid-template-columns:repeat(5,minmax(150px,1fr))!important;align-items:stretch!important;gap:10px!important;padding:14px!important;margin:0 0 14px!important;overflow-x:auto!important;background:#fffaf5!important;border:1px solid #eadfd3!important;border-radius:16px!important}
.payrollGuide>b{grid-column:1/-1!important;display:block!important;font-size:16px!important}
.payrollGuide span{display:flex!important;align-items:flex-start!important;min-width:0!important;min-height:auto!important;height:auto!important;padding:10px!important;line-height:1.45!important;word-break:break-word!important;overflow-wrap:anywhere!important;border:1px solid #eadfd3!important;border-radius:12px!important;background:#fff!important}
.payrollTableCard{display:block!important;min-width:0!important;padding:16px!important;overflow:visible!important}
.payrollTableCard .tableWrap{max-width:100%!important;overflow-x:auto!important}
.peopleModuleGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.peopleMainGrid{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:16px!important}
.peopleRoleGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.peopleHero,.peopleMetrics,.peopleModuleGrid,.peopleMainGrid,.payrollHero,.payrollToolbar,.payrollMetrics,.payrollGuide,.payrollTableCard{max-width:100%!important;box-sizing:border-box!important}

/* 供应链、进货、定价等高密度业务表统一使用横向台账，表头及操作列固定。 */
.supplyLedgerTable,.menuPricingTable,.purchaseLedgerTable,.customerRegistryTable{max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-color:#9b806c #f7f1ea}
.supplyLedgerTable table,.menuPricingTable table,.purchaseLedgerTable table,.customerRegistryTable table{table-layout:fixed!important}
.purchaseLedgerTable table{min-width:1510px!important}
.menuPricingTable table{min-width:1460px!important}
.customerRegistryTable table{min-width:1500px!important}
.supplySupplierTable table{min-width:1420px!important}
.supplyItemsTable table{min-width:1620px!important}
.supplyLedgerTable th,.supplyLedgerTable td,.menuPricingTable th,.menuPricingTable td,.purchaseLedgerTable th,.purchaseLedgerTable td,.customerRegistryTable th,.customerRegistryTable td{padding:9px 10px!important;line-height:1.38!important;vertical-align:middle!important;height:auto!important;min-height:0!important;word-break:break-word!important;overflow-wrap:anywhere!important}
.supplyLedgerTable tr,.menuPricingTable tr,.purchaseLedgerTable tr,.customerRegistryTable tr{height:auto!important}
.supplyLedgerTable td>*{margin-top:0!important;margin-bottom:0!important}
.supplySupplierTable th,.supplySupplierTable td,.supplyItemsTable th,.supplyItemsTable td{white-space:normal!important;word-break:normal!important}
.supplySupplierTable th:nth-child(1),.supplySupplierTable td:nth-child(1){width:48px!important}
.supplySupplierTable th:nth-child(2),.supplySupplierTable td:nth-child(2){width:130px!important}
.supplySupplierTable th:nth-child(3),.supplySupplierTable td:nth-child(3){width:260px!important}
.supplySupplierTable th:nth-child(4),.supplySupplierTable td:nth-child(4){width:165px!important}
.supplySupplierTable th:nth-child(5),.supplySupplierTable td:nth-child(5){width:190px!important}
.supplySupplierTable th:nth-child(6),.supplySupplierTable td:nth-child(6){width:155px!important}
.supplySupplierTable th:nth-child(7),.supplySupplierTable td:nth-child(7){width:120px!important}
.supplySupplierTable th:nth-child(8),.supplySupplierTable td:nth-child(8){width:82px!important}
.supplySupplierTable th:nth-child(9),.supplySupplierTable td:nth-child(9){width:210px!important}
.supplySupplierTable th.operationCell,.supplySupplierTable td.operationCell,.supplyItemsTable th.operationCell,.supplyItemsTable td.operationCell,.menuPricingTable th.operationCell,.menuPricingTable td.operationCell,.purchaseLedgerTable th.operationCell,.purchaseLedgerTable td.operationCell,.customerRegistryTable th.operationCell,.customerRegistryTable td.operationCell{position:sticky!important;right:0!important;z-index:3!important;background:#fffaf5!important;min-width:164px!important;width:164px!important;box-shadow:-8px 0 12px rgba(85,61,44,.05)!important}
.supplyLedgerTable .mini,.menuPricingTable .mini,.purchaseLedgerTable .mini,.customerRegistryTable .mini{margin:2px!important;padding:6px 9px!important;font-size:13px!important;line-height:1.2!important;white-space:nowrap!important}
.menuPricingTable td{padding-top:11px!important;padding-bottom:11px!important}
.menuPricingTable td.menuIngredientCell{line-height:1.42!important}
.menuPricingTable .menuPricingActionCell{display:flex!important;flex-wrap:wrap!important;gap:5px!important;align-items:center!important}
@media(max-width:1220px){.peopleMetrics,.payrollMetrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.payrollGuide{grid-template-columns:repeat(2,minmax(0,1fr))!important}.peopleModuleGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.peopleMainGrid{grid-template-columns:1fr!important}}
@media(max-width:760px){.peopleHero,.payrollHero{grid-template-columns:1fr!important}.peopleHeroMeta,.payrollHeaderMeta{width:100%!important;min-width:0!important}.peopleMetrics,.payrollMetrics,.peopleModuleGrid,.peopleRoleGrid,.payrollGuide{grid-template-columns:1fr!important}.peopleHero h2,.peopleHero h3,.payrollHero h2,.payrollHero h3{font-size:23px!important}.payrollToolbar label{width:100%!important}.peopleAlert{align-items:flex-start!important;flex-direction:column!important}}
/* 第25稿人员管理工作台：采用横向卡片与表格，避免信息被压成竖条。 */
.hrWorkspace,.settlementWorkspace{width:100%;min-width:0;box-sizing:border-box}
.hrHeader,.settlementHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;margin-bottom:12px;border:1px solid #eadfd3;border-radius:18px;background:#fffdf9;box-sizing:border-box}
.hrHeader>div:first-child,.settlementHeader>div:first-child{min-width:0}
.hrHeader span,.settlementHeader span{font-size:12px;font-weight:700;color:#8b6e58;letter-spacing:.04em}
.hrHeader h2,.settlementHeader h2{margin:4px 0 6px;font-size:22px;line-height:1.28}
.hrHeader p,.settlementHeader p{margin:0;color:#786b60;font-size:14px;line-height:1.55}
.hrHeaderMeta,.settlementHeaderMeta{flex:0 0 auto;min-width:132px;padding:12px 14px;box-sizing:border-box;border:1px solid #eadfd3;border-radius:14px;background:#fff;text-align:center}
.hrHeaderMeta b,.settlementHeaderMeta b{display:block;font-size:26px;line-height:1.1;white-space:nowrap}
.hrHeaderMeta small,.settlementHeaderMeta small{display:block;margin-top:5px;font-size:12px;color:#7c6d62;line-height:1.35}
.hrStats,.settlementStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 12px}
.hrStats article,.settlementStats>article{min-width:0;min-height:0;padding:14px 16px;border:1px solid #eadfd3;border-radius:14px;background:#fffdf9;box-sizing:border-box}
.hrStats span,.settlementStats span{display:block;font-size:13px;color:#7d6e63}
.hrStats b,.settlementStats b{display:block;margin:6px 0 4px;font-size:25px;line-height:1.1;white-space:nowrap}
.hrStats small,.settlementStats small{display:block;font-size:12px;line-height:1.45;color:#8b7d72}
.hrAlert{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;margin:0 0 12px;border:1px solid #eed7c3;border-radius:14px;background:#fff8ef}
.hrAlert.is-good{border-color:#cee9da;background:#f4fcf7}
.hrAlert>div{min-width:0}.hrAlert b{font-size:15px}.hrAlert p{margin:3px 0 0;font-size:13px;line-height:1.5;color:#70655c}
.hrMasterPanel,.settlementTablePanel{overflow:hidden;border:1px solid #eadfd3;border-radius:16px;background:#fffdf9}
.hrPanelHead,.settlementTableHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 12px}
.hrPanelHead h3,.settlementTableHead h3{margin:2px 0 4px;font-size:18px}.hrPanelHead p,.settlementTableHead p{margin:0;font-size:13px;line-height:1.5;color:#786b60}
.hrTabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 14px;border-bottom:1px solid #eee2d8}
.hrTabs button{padding:9px 13px;border:1px solid #e9ddd3;border-radius:9px;background:#f6f0e9;color:#5d4c40;font-weight:700;white-space:nowrap;cursor:pointer}
.hrTabs button.active,.hrTabs button:hover{background:#8b6e58;color:#fff;border-color:#8b6e58}
.hrRoleOverview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}
.hrRoleCard{min-width:0;padding:14px;border:1px solid #eee2d8;border-radius:12px;background:#fff;box-sizing:border-box}
.hrRoleCardTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.hrRoleTitle span{font-size:12px;color:#8b6e58}.hrRoleTitle h4{margin:3px 0 4px;font-size:16px;line-height:1.35}.hrRoleTitle p{margin:0;font-size:12px;color:#7b6b60;line-height:1.45}
.hrPayLine{text-align:right;min-width:130px}.hrPayLine b{display:block;font-size:17px;white-space:nowrap}.hrPayLine small{display:block;margin-top:4px;font-size:11px;color:#7b6b60;line-height:1.4}
.hrResponsibility{margin:10px 0;font-size:13px;line-height:1.55;color:#574a41;overflow-wrap:anywhere}
.hrRoleFoot{display:flex;justify-content:space-between;align-items:center;gap:8px}.hrRoleFoot small{font-size:12px;color:#8a786b}
.hrGuideStrip{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 16px;color:#6f5d50;font-size:13px;line-height:1.45}.hrGuideStrip span{padding:7px 10px;border-radius:999px;background:#f4ede5}
.settlementFilters{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:14px 16px;margin-bottom:12px;border:1px solid #eadfd3;border-radius:14px;background:#fffdf9}
.settlementFilterFields,.settlementActions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.settlementFilterFields label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#75665b}.settlementFilterFields input,.settlementFilterFields select{min-width:160px;height:38px;padding:0 10px;box-sizing:border-box;border:1px solid #e3d8ce;border-radius:9px;background:#fff;font-size:14px}.settlementActions button{white-space:nowrap}
.settlementSteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 14px;margin:0 0 12px;border:1px solid #eadfd3;border-radius:14px;background:#fffaf5}
.settlementSteps>div{min-width:0;padding:10px;border:1px solid #eee2d8;border-radius:10px;background:#fff}.settlementSteps b{display:block;margin-bottom:4px;font-size:13px;color:#725c4d}.settlementSteps span{display:block;font-size:12px;line-height:1.45;color:#6f6259}
.settlementTablePanel .tableWrap{margin:0;max-width:100%;overflow:auto}.settlementTablePanel table{min-width:1160px}.settlementTablePanel th,.settlementTablePanel td{padding:11px 12px;line-height:1.45;vertical-align:middle;word-break:normal;overflow-wrap:anywhere!important}.settlementTablePanel th{white-space:nowrap}
@media(max-width:1100px){.hrStats,.settlementStats{grid-template-columns:repeat(2,minmax(0,1fr))}.settlementSteps{grid-template-columns:repeat(2,minmax(0,1fr))}.hrRoleOverview{grid-template-columns:1fr}}
@media(max-width:760px){.hrHeader,.settlementHeader,.settlementFilters{flex-direction:column}.hrHeaderMeta,.settlementHeaderMeta{width:100%}.hrStats,.settlementStats,.hrRoleOverview,.settlementSteps{grid-template-columns:1fr}.settlementFilterFields,.settlementActions{width:100%}.settlementFilterFields label{width:100%}.settlementFilterFields input,.settlementFilterFields select{width:100%;min-width:0}.hrHeader h2,.settlementHeader h2{font-size:20px}.hrRoleCardTop{flex-direction:column}.hrPayLine{text-align:left}.hrAlert{align-items:flex-start;flex-direction:column}}