.work-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.work-section-title h3{margin:0;font-size:16px}.work-section-title p{margin:3px 0 0;color:#657680;font-size:12px;line-height:1.45}.work-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.person-picker{min-width:0;border:1px solid #d8e1e6;border-radius:12px;padding:10px;background:#fff}.person-picker>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.person-picker>header b,.person-picker>header small{display:block}.person-picker>header small{margin-top:2px;color:#63747d;font-weight:400;line-height:1.35}.person-picker>header>span{min-width:24px;padding:2px 7px;border-radius:999px;background:#e9f4f2;color:#126b61;text-align:center;font-weight:700}.person-picker-search,.contract-picker-row{display:flex;gap:7px;margin-top:8px}.person-picker-search input,.contract-picker-row input{min-width:0;flex:1}.person-picker-selected{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;margin-top:7px}.person-picker-selected>button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:4px 8px;border:1px solid #b8d6d1;border-radius:9px;background:#eef8f6;color:#174d47}.person-picker-selected>button span,.person-picker-selected>button small{display:block}.person-picker-selected>button small{color:#5f7774}.person-picker-selected>button i{font-style:normal;font-size:17px}.person-picker-empty{align-self:center;color:#7b888f}.person-picker-list,.contract-candidate-list{position:relative;z-index:4;max-height:220px;margin-top:7px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;border:1px solid #ccd9df;border-radius:10px;background:#fff;box-shadow:0 9px 24px rgba(25,48,60,.12)}.person-picker-list>button,.contract-candidate-list>button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;width:100%;min-height:48px;padding:8px 10px;border:0;border-bottom:1px solid #edf1f3;background:#fff;text-align:left;touch-action:pan-y}.person-picker-list>button b,.contract-candidate-list>button b{min-width:0}.person-picker-list>button small,.contract-candidate-list>button small{grid-column:1;color:#6a7880}.person-picker-list>button span,.contract-candidate-list>button span{grid-column:2;grid-row:1/3;align-self:center;color:#146e64}.person-picker-list>button.selected{background:#edf8f6}.work-role-badge{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:999px;background:#e9f4f2;color:#126b61;font-size:12px;font-weight:700}.work-detail-section{margin:0 0 10px;padding:11px;border:1px solid #dce4e8;border-radius:12px;background:#fbfcfc}.work-person-list,.work-record-list,.linked-business-list{display:grid;gap:7px}.work-person-list{grid-template-columns:repeat(2,minmax(0,1fr))}.work-person-list article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 8px;padding:8px;border-radius:9px;background:#fff}.work-person-list article small{grid-column:2;color:#708088}.work-person-list article.removed{opacity:.58}.work-record-list article{padding:9px;border-left:3px solid #71a9a1;background:#fff}.work-record-list header{display:flex;justify-content:space-between;gap:8px}.work-record-list p{margin:5px 0;white-space:pre-wrap}.sales-contract-link{margin-top:2px;padding:10px;border:1px solid #cddfe4;border-radius:12px;background:#f8fbfb}.contract-reference-card{margin-top:9px;padding:10px;border-radius:10px;background:#fff}.contract-reference-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.contract-reference-head b,.contract-reference-head small{display:block}.contract-reference-grid,.contract-amount-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.contract-reference-grid>span,.contract-amount-grid article{padding:7px;border:1px solid #e2e8eb;border-radius:8px}.contract-reference-grid small,.contract-reference-grid b,.contract-amount-grid small,.contract-amount-grid b{display:block}.contract-reference-items{display:grid;gap:5px;margin-top:8px}.contract-reference-items>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #edf1f3}.reference-only-notice,.sales-settlement-summary p{margin:8px 0 0;padding:8px;border-radius:8px;background:#fff4d8;color:#805b13;font-weight:600}.sales-settlement-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;padding:10px;border:1px solid #dce4e8;border-radius:11px;background:#fbfcfc}.sales-settlement-summary>div small,.sales-settlement-summary>div b{display:block}.sales-settlement-summary>p{grid-column:1/-1}.sales-settlement-summary>.button{align-self:end}.contract-linked-business{margin-top:10px;padding:10px;border:1px solid #dce4e8;border-radius:12px;background:#fbfcfc}.contract-amount-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:9px}.contract-amount-grid article b{margin-top:3px;font-size:17px}.linked-business-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px;border-radius:9px;background:#fff}.linked-business-list article div b,.linked-business-list article div small{display:block}.linked-business-list article div small{margin-top:2px;color:#6a7880}
.contract-reference-detail{margin-top:8px;border:1px solid #dce7e9;border-radius:8px;padding:7px;background:#fff}.contract-reference-detail h4{margin:0 0 5px;font-size:12px;color:#334155}.contract-reference-detail>div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px dashed #e2e8f0}.contract-reference-detail>div:first-of-type{border-top:0}.contract-reference-detail b{font-size:12px}.contract-reference-detail small{font-size:11px;color:#64748b;text-align:right}
@media (max-width:768px){.work-role-grid{grid-template-columns:1fr}.work-person-list{grid-template-columns:1fr}.contract-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-amount-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contract-amount-grid article{padding:6px}.contract-amount-grid article small{font-size:11px}.contract-amount-grid article b{font-size:14px}.linked-business-list article{grid-template-columns:auto minmax(0,1fr) auto}.linked-business-list article>strong{grid-column:2}.work-order-table td[data-label="任务"] small,.work-order-table td[data-label="参与人"] small{display:block}.person-picker{padding:8px}.work-detail-section,.sales-contract-link,.contract-linked-business{padding:8px}.person-picker-search input,.contract-picker-row input{font-size:16px}.person-picker-search .button,.contract-picker-row .button{min-height:42px;padding-inline:10px}}
@media (max-width:390px){.contract-picker-row{display:grid;grid-template-columns:1fr 1fr}.contract-picker-row input{grid-column:1/-1}.contract-reference-grid,.sales-settlement-summary{grid-template-columns:1fr}.sales-settlement-summary>p{grid-column:1}.contract-amount-grid{grid-template-columns:1fr}.linked-business-list article{grid-template-columns:auto minmax(0,1fr)}.linked-business-list article>.table-action{grid-column:2;justify-self:start}.person-picker-search{display:grid;grid-template-columns:minmax(0,1fr) auto}.person-picker-search input{font-size:16px}}
.work-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.work-state-summary{display:flex;flex-direction:column;min-width:120px;margin-right:auto}.work-state-summary small{color:#62747d;font-size:12px}
.person-picker-selected>article{flex:1 1 220px;min-width:0;padding:6px;border:1px solid #b8d6d1;border-radius:9px;background:#eef8f6}.person-chip-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.person-chip-head span,.person-chip-head b,.person-chip-head small{display:block}.person-chip-head small{color:#5f7774}.person-chip-head>button{min-width:32px;min-height:32px;border:0;background:transparent;color:#365d58;font-size:18px}.person-permission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:5px}.person-permission-grid label{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;font-size:12px;white-space:nowrap}.person-permission-grid input{width:16px;height:16px;min-height:0}
.dispatch-notice-strip{margin:0 0 9px;padding:8px;border:1px solid #c9ded9;border-radius:11px;background:#f3faf8}.dispatch-notice-strip>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.dispatch-notice-strip>header small{color:#63747d}.dispatch-notice-strip>div{display:flex;gap:6px;margin-top:6px;overflow-x:auto;overscroll-behavior-inline:contain;touch-action:pan-x}.dispatch-notice-strip>div>button{flex:0 0 min(260px,82vw);min-height:44px;padding:6px 9px;border:1px solid #d7e4e1;border-radius:8px;background:#fff;text-align:left}.dispatch-notice-strip>div>button.unread{border-color:#62a89d;background:#eaf8f4}.dispatch-notice-strip>div span,.dispatch-notice-strip>div small{display:block}.dispatch-notice-strip>div small{margin-top:2px;color:#66767d}

/* 施工详情与记录共用：商品与数量先显示，人员全宽紧凑排列。 */
.work-installation-items .detail-cell-quantity .object-detail-value{font-weight:700;color:#075f56;font-variant-numeric:tabular-nums}
.work-record-section>summary{cursor:pointer;font-weight:600;min-height:36px;display:flex;align-items:center}
@media(max-width:768px){
 #recordForm[data-detail-kind="installation"] #modalFields>.work-detail-section{grid-column:1/-1!important;width:100%!important;min-width:0!important}
 .work-detail-section .work-person-list{grid-template-columns:1fr!important}
 .work-detail-section .work-person-list article{padding:5px 7px;gap:3px 7px}
 .work-detail-section .work-person-list article small{grid-column:1/-1;overflow-wrap:anywhere;font-size:11px}
 .work-detail-section .work-section-title{margin-bottom:5px}
 .work-detail-section .work-section-title h3{font-size:13px}
 .work-installation-items .object-detail-table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
 .work-installation-items .object-detail-table thead{display:none!important}
 .work-installation-items .object-detail-table tbody{display:grid!important;gap:5px}
 .work-installation-items .object-detail-table tr{display:flex!important;flex-wrap:wrap!important;gap:0!important;border:1px solid #ccdfe1;border-radius:7px;padding:4px!important;background:#fff}
 .work-installation-items .object-detail-table td{display:flex!important;flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:100%!important;gap:6px;padding:3px!important;border:0!important;white-space:normal!important;overflow:visible!important}
 .work-installation-items .object-detail-table td::before{content:attr(data-label);flex:0 0 80px!important;width:80px!important;font-size:11px!important;color:#62747d}
 .work-installation-items .object-detail-table .object-detail-value{min-width:0!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important}
 .work-installation-items .object-detail-table td.detail-cell-quantity{flex:1 1 45%!important;width:auto!important;background:#eff8f6}
 .work-installation-items .object-detail-table td.detail-cell-quantity::before{flex:0 0 auto!important;width:auto!important}
 .work-installation-items .object-detail-table td[data-field="installationQuantity"]{flex:1 1 100%!important;width:100%!important;font-size:16px!important}
 .work-installation-items .object-detail-table td[data-field="installationQuantity"]::before{font-size:12px!important}
}

@media(max-width:768px){
 .modal-card.business-object-detail .detail-section.work-installation-items .data-table.object-detail-table td[data-field="installationQuantity"] .object-detail-value{font-size:16px!important;line-height:1.4!important;font-weight:700!important;color:#075f56!important}
 .modal-card.business-object-detail .detail-section.work-installation-items .data-table.object-detail-table td[data-field="installationQuantity"]::before{font-size:12px!important;flex-basis:80px!important;width:80px!important}
 .modal-card.business-object-detail .detail-section.work-installation-items .data-table.object-detail-table td.detail-cell-quantity .object-detail-value{font-size:13px!important;line-height:1.4!important}
 .modal-card.business-object-detail .detail-section.work-installation-items .data-table.object-detail-table td.detail-cell-quantity{padding:4px!important}
}