#wh-mes-preview #plan-call-grid.show{display:block}
#wh-mes-preview .production-report-shell{display:grid;gap:14px}
#wh-mes-preview .production-report-toolbar{display:flex;align-items:center;gap:12px;padding:13px 14px;background:#f7f9fc;border:1px solid #e7ebf1;border-radius:11px}
#wh-mes-preview .production-report-date{display:flex;align-items:center;gap:8px;color:#626873;font-size:12px;font-weight:600}
#wh-mes-preview .production-report-date input{height:34px;padding:0 10px;border:1px solid #dce2ea;border-radius:8px;background:#fff;color:#252a32;font:inherit;outline:none}
#wh-mes-preview .production-report-date input:focus{border-color:#6ba8f2;box-shadow:0 0 0 3px rgba(61,137,226,.12)}
#wh-mes-preview .production-report-date button,#wh-mes-preview .production-report-refresh{height:34px;padding:0 13px;border:1px solid #dce2ea;border-radius:8px;background:#fff;color:#415064;font-size:12px;cursor:pointer}
#wh-mes-preview .production-report-search{display:flex;align-items:center;gap:6px;min-width:340px}
#wh-mes-preview .production-report-search input{width:230px;height:34px;box-sizing:border-box;padding:0 11px;border:1px solid #dce2ea;border-radius:8px;background:#fff;color:#303741;font-size:11px;outline:none}
#wh-mes-preview .production-report-search input:focus{border-color:#6ba8f2;box-shadow:0 0 0 3px rgba(61,137,226,.12)}
#wh-mes-preview .production-report-search button{height:34px;padding:0 11px;border:1px solid #bad4f2;border-radius:8px;background:#edf6ff;color:#216dbd;font-size:11px;cursor:pointer;white-space:nowrap}
#wh-mes-preview .production-report-search button:last-child{border-color:#dde2e9;background:#fff;color:#737b86}
#wh-mes-preview .production-report-refresh{margin-left:auto;color:#176dcc;border-color:#bcd6f4;background:#f4f9ff}
#wh-mes-preview .production-report-summary{display:flex;align-items:center;gap:8px;margin-left:6px}
#wh-mes-preview .production-report-summary span{padding:7px 10px;border-radius:8px;background:#fff;color:#667080;font-size:11px;white-space:nowrap}
#wh-mes-preview .production-report-summary span.complete{background:#eaf8f1;color:#20805a}
#wh-mes-preview .production-report-summary span.pending{background:#fff6dc;color:#9a6a06}
#wh-mes-preview .production-report-summary b{font-size:13px}
#wh-mes-preview .production-report-departments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
#wh-mes-preview .production-report-department{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #e5e9ef;border-radius:11px;background:#fff;color:#303741;text-align:left;cursor:pointer;transition:.16s ease}
#wh-mes-preview .production-report-department:hover{border-color:#bdd5f3;transform:translateY(-1px)}
#wh-mes-preview .production-report-department.active{border-color:#7bb3f2;background:linear-gradient(135deg,#f4f9ff,#eaf4ff);box-shadow:0 4px 12px rgba(39,112,195,.09)}
#wh-mes-preview .production-report-department i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eaf3ff;color:#2678d8;font-size:10px;font-style:normal;font-weight:700}
#wh-mes-preview .production-report-department span{display:grid;gap:3px;min-width:0}
#wh-mes-preview .production-report-department b{font-size:14px}
#wh-mes-preview .production-report-department small{color:#89909a;font-size:10px}
#wh-mes-preview .production-report-categories{display:flex;align-items:center;gap:7px;min-height:34px;padding:8px 10px;border:1px solid #e7ebf1;border-radius:10px;background:#f8fafc;overflow-x:auto}
#wh-mes-preview .production-report-categories button{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#68717e;font-size:11px;cursor:pointer;white-space:nowrap}
#wh-mes-preview .production-report-categories button small{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#e9edf2;color:#77808b;font-size:9px}
#wh-mes-preview .production-report-categories button.active{border-color:#b8d4f3;background:#eaf4ff;color:#176fc8;font-weight:700}
#wh-mes-preview .production-report-categories button.active small{background:#fff;color:#176fc8}
#wh-mes-preview .production-report-panel{border:1px solid #e7eaf0;border-radius:12px;background:#fff;overflow:hidden}
#wh-mes-preview .production-report-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid #edf0f4}
#wh-mes-preview .production-report-panel-head h3{margin:0 0 4px;font-size:15px;font-weight:650}
#wh-mes-preview .production-report-panel-head p{margin:0;color:#8a919d;font-size:10px}
#wh-mes-preview #production-report-state{padding:6px 10px;border-radius:999px;background:#fff6dc;color:#93680e;font-size:10px;white-space:nowrap}
#wh-mes-preview #production-report-state.all-completed{background:#e8f8f0;color:#237b58}
#wh-mes-preview .production-report-table-wrap{overflow:auto;max-height:520px}
#wh-mes-preview .production-report-table{width:100%;min-width:1050px;border-collapse:collapse;table-layout:fixed}
#wh-mes-preview .production-report-table th{position:sticky;top:0;z-index:1;padding:10px 9px;background:#f7f9fc;border-bottom:1px solid #e6eaf0;color:#697281;font-size:10px;font-weight:600;text-align:center}
#wh-mes-preview .production-report-table td{padding:9px;border-bottom:1px solid #edf0f4;color:#3b424c;font-size:11px;text-align:center;vertical-align:middle}
#wh-mes-preview .production-report-table tr.is-completed td{background:#f2fbf6}
#wh-mes-preview .production-report-table tr.is-pending td{background:#fffdf6}
#wh-mes-preview .production-report-table td.sequence{width:45px;color:#8c949f}
#wh-mes-preview .production-report-table td.date{color:#697380;white-space:nowrap}
#wh-mes-preview .production-report-table td.line{font-weight:700;color:#3377c2}
#wh-mes-preview .production-report-table td.order,#wh-mes-preview .production-report-table td.code{font-family:Consolas,"Microsoft YaHei",sans-serif;font-weight:600}
#wh-mes-preview .production-report-table td.model{max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
#wh-mes-preview .production-report-table td.quantity{font-weight:700;font-size:12px}
#wh-mes-preview .production-completion-input{width:88px;height:30px;box-sizing:border-box;padding:0 8px;border:1px solid #d9dfe8;border-radius:7px;background:#fff;text-align:center;font-size:11px;outline:none}
#wh-mes-preview .production-completion-input:focus{border-color:#5b9ce6;box-shadow:0 0 0 3px rgba(65,138,224,.12)}
#wh-mes-preview .production-status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:700}
#wh-mes-preview .production-status-badge.completed{background:#dff5e9;color:#19744f}
#wh-mes-preview .production-status-badge.pending,#wh-mes-preview .production-status-badge.expanding{background:#ffefb9;color:#8c6105}
#wh-mes-preview .production-completion-save{height:29px;padding:0 12px;border:0;border-radius:7px;background:#247ed8;color:#fff;font-size:10px;cursor:pointer}
#wh-mes-preview .production-completion-save:disabled{opacity:.55;cursor:wait}
#wh-mes-preview .production-report-empty{padding:50px!important;background:#fff!important;color:#7f8792!important;text-align:center!important}
#wh-mes-preview .production-report-empty b,#wh-mes-preview .production-report-empty span{display:block}
#wh-mes-preview .production-report-empty b{margin-bottom:7px;color:#59616c;font-size:13px}
#wh-mes-preview .production-report-empty span{font-size:10px}
#wh-mes-preview .production-report-table.punch-weekly-table{min-width:1240px}
#wh-mes-preview .production-report-table.punch-weekly-table th,#wh-mes-preview .production-report-table.punch-weekly-table td{padding-right:6px;padding-left:6px}
#wh-mes-preview .production-report-table.punch-weekly-table th:nth-child(1){width:38px}
#wh-mes-preview .production-report-table.punch-weekly-table th:nth-child(2){width:72px}
#wh-mes-preview .production-report-table.punch-weekly-table th:nth-child(3){width:112px}
#wh-mes-preview .production-report-table.punch-weekly-table th:nth-child(4){width:250px}
#wh-mes-preview .production-report-table.punch-weekly-table th:nth-child(5){width:76px}
#wh-mes-preview .production-report-table.punch-weekly-table th:nth-child(6),#wh-mes-preview .production-report-table.punch-weekly-table th:nth-child(9){width:96px}
#wh-mes-preview .production-report-table.punch-weekly-table th:nth-child(7),#wh-mes-preview .production-report-table.punch-weekly-table th:nth-child(8),#wh-mes-preview .production-report-table.punch-weekly-table th:nth-child(10),#wh-mes-preview .production-report-table.punch-weekly-table th:nth-child(11){width:72px}
#wh-mes-preview .production-report-table.punch-weekly-table th:nth-child(12){width:72px}
#wh-mes-preview .production-report-table.punch-weekly-table th:nth-child(13){width:60px}
#wh-mes-preview .production-report-table td.week{color:#3972ad;font-weight:700;white-space:nowrap}
#wh-mes-preview .production-report-table td.cumulative{color:#287a5d;font-weight:700}
#wh-mes-preview .production-report-table td.remaining{color:#b5740d;font-weight:700}
#wh-mes-preview .production-completion-input.compact{width:78px}
@media(max-width:1100px){#wh-mes-preview .production-report-toolbar{align-items:flex-start;flex-wrap:wrap}#wh-mes-preview .production-report-summary{order:3;width:100%;margin-left:0}#wh-mes-preview .production-report-refresh{margin-left:auto}}
@media(max-width:700px){#wh-mes-preview .production-report-departments{grid-template-columns:1fr}#wh-mes-preview .production-report-search{min-width:100%;width:100%}#wh-mes-preview .production-report-search input{flex:1;width:auto}}

#wh-mes-preview .efficiency-measurement-page{display:none}
#wh-mes-preview .efficiency-measurement-page.show{display:block}
#wh-mes-preview .efficiency-top-tabs{display:flex;align-items:stretch;gap:4px;margin:-2px 0 16px;padding:0 10px;border:1px solid #e6eaf0;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(32,60,90,.04);overflow-x:auto}
#wh-mes-preview .efficiency-top-tabs button{position:relative;min-width:112px;height:54px;padding:0 18px;border:0;background:transparent;color:#67717e;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}
#wh-mes-preview .efficiency-top-tabs button::after{content:"";position:absolute;right:17px;bottom:0;left:17px;height:3px;border-radius:3px 3px 0 0;background:transparent}
#wh-mes-preview .efficiency-top-tabs button:hover{color:#247acf;background:#f8fbff}
#wh-mes-preview .efficiency-top-tabs button.active{color:#1677d2;font-weight:700}
#wh-mes-preview .efficiency-top-tabs button.active::after{background:#2789e8}
#wh-mes-preview .efficiency-tab-content{min-height:360px;padding:20px;border:1px solid #e7ebf1;border-radius:11px;background:#fafbfd}
#wh-mes-preview .efficiency-tab-content h3{margin:0 0 5px;font-size:16px;font-weight:650;color:#2d343e}
#wh-mes-preview .efficiency-tab-content p{margin:0;color:#8b929c;font-size:11px}
#wh-mes-preview .efficiency-tab-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
#wh-mes-preview .efficiency-summary-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #e7ebf1;border-radius:10px;background:#fff}
#wh-mes-preview .efficiency-summary-toolbar>div{display:grid;gap:3px}
#wh-mes-preview .efficiency-summary-toolbar>div b{font-size:13px;color:#36404c}
#wh-mes-preview .efficiency-summary-toolbar>div span{font-size:10px;color:#8c949f}
#wh-mes-preview .efficiency-summary-toolbar label{display:flex;align-items:center;gap:8px;color:#69727e;font-size:11px;font-weight:600}
#wh-mes-preview .efficiency-summary-toolbar input{height:32px;padding:0 10px;border:1px solid #dbe1e9;border-radius:8px;background:#fff;color:#333b46;font:inherit;outline:none}
#wh-mes-preview .efficiency-summary-toolbar input:focus{border-color:#69a8ee;box-shadow:0 0 0 3px rgba(53,134,225,.12)}
#wh-mes-preview .efficiency-summary-toolbar>.efficiency-summary-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px}
#wh-mes-preview .efficiency-summary-controls button,#wh-mes-preview .efficiency-summary-controls a{display:inline-flex;align-items:center;justify-content:center;height:32px;box-sizing:border-box;padding:0 12px;border:1px solid #d7e0e9;border-radius:8px;background:#fff;color:#526170;font-size:10px;font-weight:650;text-decoration:none;white-space:nowrap;cursor:pointer}
#wh-mes-preview .efficiency-summary-controls button{border-color:#2f86df;background:#2f86df;color:#fff}
#wh-mes-preview .efficiency-summary-controls button:hover{border-color:#2378ce;background:#2378ce}
#wh-mes-preview .efficiency-summary-controls a:hover{border-color:#78ace3;background:#f4f9ff;color:#2475c5}
#wh-mes-preview .efficiency-summary-controls button:disabled{opacity:.58;cursor:wait}
#wh-mes-preview .efficiency-daily-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:12px}
#wh-mes-preview .efficiency-daily-card{position:relative;display:grid;gap:8px;padding:15px 16px;border:1px solid #dfe8f3;border-radius:11px;background:linear-gradient(145deg,#fff,#f4f9ff);color:#2d3743;text-align:left;cursor:pointer;overflow:hidden}
#wh-mes-preview .efficiency-daily-card::before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:#3289e5}
#wh-mes-preview .efficiency-daily-card.inspection::before{background:#19a879}
#wh-mes-preview .efficiency-daily-card.piping::before{background:#f1a22e}
#wh-mes-preview .efficiency-daily-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(32,76,125,.09)}
#wh-mes-preview .efficiency-card-team{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}
#wh-mes-preview .efficiency-card-team i{padding:4px 7px;border-radius:999px;background:#eaf3ff;color:#347fc8;font-size:9px;font-style:normal;font-weight:600}
#wh-mes-preview .efficiency-daily-card.inspection .efficiency-card-team i{background:#e7f7f1;color:#16815e}
#wh-mes-preview .efficiency-daily-card.piping .efficiency-card-team i{background:#fff3df;color:#a66c13}
#wh-mes-preview .efficiency-daily-card strong{font-size:27px;line-height:1;color:#202c39}
#wh-mes-preview .efficiency-daily-card>small{color:#818a96;font-size:10px}
#wh-mes-preview .efficiency-attainment{display:flex;align-items:center;gap:9px}
#wh-mes-preview .efficiency-attainment>span{flex:1;height:6px;border-radius:99px;background:#e5ebf2;overflow:hidden}
#wh-mes-preview .efficiency-attainment>span i{display:block;height:100%;border-radius:inherit;background:#3289e5}
#wh-mes-preview .efficiency-daily-card.inspection .efficiency-attainment>span i{background:#19a879}
#wh-mes-preview .efficiency-daily-card.piping .efficiency-attainment>span i{background:#f1a22e}
#wh-mes-preview .efficiency-attainment b{color:#66717e;font-size:9px;white-space:nowrap}
#wh-mes-preview .efficiency-summary-table-wrap{width:100%;margin-top:12px;border:1px solid #e5e9ef;border-radius:10px;background:#fff;overflow:hidden}
#wh-mes-preview .efficiency-summary-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed}
#wh-mes-preview .efficiency-summary-table th{padding:9px 3px;background:#f3f6fa;border-bottom:1px solid #e3e8ee;color:#667180;font-size:clamp(8px,.62vw,10px);font-weight:650;line-height:1.3;text-align:center;white-space:normal;word-break:keep-all}
#wh-mes-preview .efficiency-summary-table td{padding:10px 3px;border-bottom:1px solid #edf0f4;color:#3d4652;font-size:clamp(8px,.66vw,11px);line-height:1.25;text-align:center;white-space:normal;word-break:keep-all}
#wh-mes-preview .efficiency-summary-table th:nth-child(1),#wh-mes-preview .efficiency-summary-table td:nth-child(1){width:8%}
#wh-mes-preview .efficiency-summary-table th:nth-child(2),#wh-mes-preview .efficiency-summary-table td:nth-child(2){width:10%}
#wh-mes-preview .efficiency-summary-table th:nth-child(n+3),#wh-mes-preview .efficiency-summary-table td:nth-child(n+3){width:10.25%}
#wh-mes-preview .efficiency-summary-table tr:last-child td{border-bottom:0}
#wh-mes-preview .efficiency-summary-table td:first-child{font-weight:700}
#wh-mes-preview .efficiency-summary-table td.positive{background:#e8f8ef;color:#16754e;font-weight:700}
#wh-mes-preview .efficiency-summary-table td.below-target{background:#fff0ed;color:#d04836;font-weight:700}
#wh-mes-preview .efficiency-summary-empty{grid-column:1/-1;min-height:160px;display:grid;align-content:center;justify-items:center;gap:6px;border:1px dashed #d8dee7;border-radius:10px;background:#fff;color:#8b939e}
#wh-mes-preview .efficiency-summary-empty b{font-size:13px;color:#5d6672}
#wh-mes-preview .efficiency-summary-empty span{font-size:10px}
#wh-mes-preview .punch-efficiency-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid #e1e8f1;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(39,85,135,.04)}
#wh-mes-preview .punch-efficiency-toolbar>div{display:grid;gap:4px;min-width:0}
#wh-mes-preview .punch-efficiency-toolbar>div b{color:#303b48;font-size:13px}
#wh-mes-preview .punch-efficiency-toolbar>div span{color:#89939f;font-size:9px}
#wh-mes-preview .punch-efficiency-toolbar label{display:flex;align-items:center;gap:8px;color:#687483;font-size:10px;font-weight:650;white-space:nowrap}
#wh-mes-preview .punch-efficiency-toolbar input{height:32px;box-sizing:border-box;padding:0 9px;border:1px solid #d8e1eb;border-radius:7px;background:#fff;color:#34404d;font:inherit;outline:none}
#wh-mes-preview .punch-efficiency-toolbar input:focus{border-color:#6da9e9;box-shadow:0 0 0 3px rgba(47,134,223,.1)}
#wh-mes-preview .punch-efficiency-toolbar>.punch-efficiency-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
#wh-mes-preview .punch-efficiency-actions button,#wh-mes-preview .punch-efficiency-actions a{display:inline-flex;align-items:center;justify-content:center;height:32px;box-sizing:border-box;padding:0 12px;border:1px solid #d7e0e9;border-radius:8px;background:#fff;color:#526170;font-size:10px;font-weight:650;text-decoration:none;white-space:nowrap;cursor:pointer}
#wh-mes-preview .punch-efficiency-actions button{border-color:#2f86df;background:#2f86df;color:#fff}
#wh-mes-preview .punch-efficiency-actions button:hover{border-color:#2378ce;background:#2378ce}
#wh-mes-preview .punch-efficiency-actions a:hover{border-color:#78ace3;background:#f4f9ff;color:#2475c5}
#wh-mes-preview .punch-efficiency-actions button:disabled{opacity:.58;cursor:wait}
#wh-mes-preview .punch-efficiency-kpis{display:grid;grid-template-columns:1.16fr repeat(4,minmax(0,1fr));gap:9px;margin-top:11px}
#wh-mes-preview .punch-efficiency-kpis>div{position:relative;display:grid;align-content:center;gap:4px;min-width:0;min-height:85px;padding:11px 13px;box-sizing:border-box;border:1px solid #e2e9f1;border-radius:10px;background:#fff;overflow:hidden}
#wh-mes-preview .punch-efficiency-kpis>div::before{content:"";position:absolute;top:12px;bottom:12px;left:0;width:3px;border-radius:0 3px 3px 0;background:#a8c9eb}
#wh-mes-preview .punch-efficiency-kpis>div.primary{border-color:#bcd9f5;background:linear-gradient(145deg,#fafdff,#eef7ff)}
#wh-mes-preview .punch-efficiency-kpis>div.primary::before{background:#2f88e1}
#wh-mes-preview .punch-efficiency-kpis>div.primary.below{border-color:#efc2bf;background:linear-gradient(145deg,#fffdfd,#fff3f2)}
#wh-mes-preview .punch-efficiency-kpis>div.primary.below::before{background:#df514a}
#wh-mes-preview .punch-efficiency-kpis span{overflow:hidden;color:#808b98;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
#wh-mes-preview .punch-efficiency-kpis b{overflow:hidden;color:#253544;font-size:clamp(16px,1.35vw,22px);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
#wh-mes-preview .punch-efficiency-kpis .primary b{color:#2377cc;font-size:clamp(23px,1.8vw,29px)}
#wh-mes-preview .punch-efficiency-kpis .primary.below b,#wh-mes-preview .punch-efficiency-kpis .primary.below small{color:#d84943}
#wh-mes-preview .punch-efficiency-kpis small{overflow:hidden;color:#929ba5;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
#wh-mes-preview .punch-efficiency-trend,#wh-mes-preview .punch-efficiency-detail{margin-top:11px;padding:13px 15px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}
#wh-mes-preview .team-efficiency-lines{margin-top:11px;padding:13px 15px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}
#wh-mes-preview .team-line-hours-editor{display:flex;align-items:flex-end;gap:9px;margin:9px 0 10px;padding:10px 11px;border:1px solid #dce7f2;border-radius:9px;background:linear-gradient(135deg,#f8fbff,#f2f8ff)}
#wh-mes-preview .team-line-hours-control{position:relative;display:grid;flex:0 0 150px;gap:4px;color:#5b6b7c;font-size:8px;font-weight:700}
#wh-mes-preview .team-line-hours-control select,#wh-mes-preview .team-line-hours-control input{width:100%;height:32px;box-sizing:border-box;padding:0 28px 0 9px;border:1px solid #d3dfeb;border-radius:7px;background-color:#fff;color:#27394b;font-size:9px;font-weight:650;outline:none}
#wh-mes-preview .team-line-hours-control select:focus,#wh-mes-preview .team-line-hours-control input:focus{border-color:#5b9fe5;box-shadow:0 0 0 3px rgba(47,134,223,.1)}
#wh-mes-preview .team-line-hours-control.team-line-hours-value{flex-basis:180px}
#wh-mes-preview .team-line-hours-control>em{position:absolute;right:9px;bottom:9px;color:#9aa5b0;font-size:7px;font-style:normal;pointer-events:none}
#wh-mes-preview .team-line-hours-editor>small{align-self:center;margin-left:3px;color:#8b98a6;font-size:8px}
#wh-mes-preview .team-line-hours-date{display:grid;flex:0 0 126px;gap:4px;color:#667485;font-size:8px;font-weight:700}
#wh-mes-preview .team-line-hours-date input{width:100%;height:30px;box-sizing:border-box;padding:0 7px;border:1px solid #d3dfeb;border-radius:7px;background:#fff;color:#334456;font:inherit;outline:none}
#wh-mes-preview .team-line-hours-fields{display:grid;flex:1;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:7px;min-width:0}
#wh-mes-preview .team-line-hours-fields label{position:relative;display:grid;gap:4px;color:#536477;font-size:8px;font-weight:700}
#wh-mes-preview .team-line-hours-fields input{width:100%;height:30px;box-sizing:border-box;padding:0 20px 0 7px;border:1px solid #d3dfeb;border-radius:7px;background:#fff;color:#27394b;font-size:9px;font-weight:650;outline:none}
#wh-mes-preview .team-line-hours-fields input:focus,#wh-mes-preview .team-line-hours-date input:focus{border-color:#5b9fe5;box-shadow:0 0 0 3px rgba(47,134,223,.1)}
#wh-mes-preview .team-line-hours-fields em{position:absolute;right:7px;bottom:8px;color:#9aa5b0;font-size:7px;font-style:normal;pointer-events:none}
#wh-mes-preview .team-line-hours-editor>button{flex:0 0 auto;height:30px;padding:0 13px;border:1px solid #2f86df;border-radius:7px;background:#2f86df;color:#fff;font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer}
#wh-mes-preview .team-line-hours-editor>button:hover{background:#2378ce}
#wh-mes-preview .team-line-hours-editor>button:disabled{opacity:.58;cursor:wait}
#wh-mes-preview .team-efficiency-lines-scroll{margin-top:10px;border:1px solid #e4e9ef;border-radius:8px;overflow-x:auto}
#wh-mes-preview .team-efficiency-lines table{width:100%;min-width:1120px;border-collapse:collapse;table-layout:fixed}
#wh-mes-preview .team-efficiency-lines th,#wh-mes-preview .team-efficiency-lines td{height:28px;padding:3px 4px;border-right:1px solid #e8edf2;border-bottom:1px solid #e8edf2;color:#536170;font-size:8px;text-align:center;white-space:nowrap}
#wh-mes-preview .team-efficiency-lines thead th{background:#f2f6fa;color:#657180;font-weight:700}
#wh-mes-preview .team-efficiency-lines th:first-child{position:sticky;left:0;width:68px;background:#f6f9fc;color:#344454;font-weight:700;z-index:1}
#wh-mes-preview .team-efficiency-lines th:last-child,#wh-mes-preview .team-efficiency-lines td:last-child{width:60px;border-right:0}
#wh-mes-preview .team-efficiency-lines td.total{background:#eef7ff;color:#2878c7;font-weight:700}
#wh-mes-preview .team-efficiency-lines td.line-efficiency-cell{height:28px;padding-top:3px;padding-bottom:3px}
#wh-mes-preview .line-efficiency-cell b{display:block;color:#35485b;font-size:8px;line-height:1.2}
#wh-mes-preview .line-efficiency-cell small{display:block;margin-top:3px;color:#929daa;font-size:7px;line-height:1.1}
#wh-mes-preview .team-efficiency-lines td.total.line-efficiency-cell b{color:#2878c7}
#wh-mes-preview .team-efficiency-lines tbody tr:last-child th,#wh-mes-preview .team-efficiency-lines tbody tr:last-child td{border-bottom:0}
#wh-mes-preview .punch-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}
#wh-mes-preview .punch-section-head>div:first-child{display:grid;gap:3px}
#wh-mes-preview .punch-section-head b{color:#34404d;font-size:12px}
#wh-mes-preview .punch-section-head span{color:#929aa4;font-size:8px}
#wh-mes-preview .punch-section-head>div:last-child{display:flex;align-items:center;gap:6px;color:#7c8794;font-size:8px;white-space:nowrap}
#wh-mes-preview .punch-section-head i{display:inline-block;width:17px;height:3px;margin-left:5px;border-radius:3px;background:#2f8be6}
#wh-mes-preview .punch-section-head i.target{height:0;border-top:2px dashed #f1a13b;border-radius:0;background:transparent}
#wh-mes-preview .punch-section-head>em{padding:4px 8px;border-radius:999px;background:#eaf4ff;color:#347fc7;font-size:8px;font-style:normal;font-weight:650;white-space:nowrap}
#wh-mes-preview .punch-efficiency-trend svg{display:block;width:100%;height:auto;max-height:235px;overflow:visible}
#wh-mes-preview .punch-chart-grid line{stroke:#e8edf3;stroke-width:1}
#wh-mes-preview .punch-chart-grid text{fill:#929ca8;font-size:9px}
#wh-mes-preview .punch-target-line{stroke:#f0a03a;stroke-width:1.5;stroke-dasharray:6 5}
#wh-mes-preview .punch-target-label{fill:#c37b21;font-size:9px;font-weight:650}
#wh-mes-preview .punch-actual-line{fill:none;stroke:#2f8be6;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
#wh-mes-preview .punch-chart-points circle{fill:#fff;stroke:#2f8be6;stroke-width:2.5}
#wh-mes-preview .punch-chart-points .below circle{stroke:#e2554e}
#wh-mes-preview .punch-daily-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
#wh-mes-preview .punch-daily-grid article{position:relative;display:grid;gap:3px;min-width:0;padding:9px 9px 8px;border:1px solid #e4e9ef;border-radius:8px;background:#fbfcfe;overflow:hidden}
#wh-mes-preview .punch-daily-grid article::before{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:#e65b55}
#wh-mes-preview .punch-daily-grid article.reached::before{background:#3ebc8a}
#wh-mes-preview .punch-daily-grid article>span{color:#747f8c;font-size:8px;font-weight:650}
#wh-mes-preview .punch-daily-grid article>b{color:#2e3945;font-size:15px;line-height:1.25}
#wh-mes-preview .punch-daily-grid article>small{overflow:hidden;color:#929aa4;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
#wh-mes-preview .punch-daily-grid article.below{border-color:#f1c4c1;background:#fff8f7}
#wh-mes-preview .punch-daily-grid article.below>b,#wh-mes-preview .punch-daily-grid article.below>em{color:#d94a43}
#wh-mes-preview .punch-daily-grid article>em{color:#d94a43;font-size:7px;font-style:normal;font-weight:650}
#wh-mes-preview .punch-daily-grid article.reached>em{color:#24805e}
#wh-mes-preview .punch-month-empty{margin-top:11px}
#wh-mes-preview .efficiency-empty{min-height:270px;display:grid;align-content:center;justify-items:center;gap:7px;color:#9299a3;text-align:center}
#wh-mes-preview .efficiency-empty b{color:#626b77;font-size:14px}
#wh-mes-preview .efficiency-empty span{font-size:11px}
#wh-mes-preview .efficiency-coefficient-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;padding:11px 13px;border:1px solid #e3e9f1;border-radius:10px;background:#fff}
#wh-mes-preview .efficiency-coefficient-switch>div{display:grid;gap:3px}
#wh-mes-preview .efficiency-coefficient-switch>div b{color:#303945;font-size:13px}
#wh-mes-preview .efficiency-coefficient-switch>div span{color:#8b939e;font-size:9px}
#wh-mes-preview .efficiency-coefficient-switch nav{display:flex;align-items:center;gap:6px}
#wh-mes-preview .efficiency-coefficient-switch button{height:31px;padding:0 13px;border:1px solid #dbe3ec;border-radius:7px;background:#fff;color:#606b78;font-size:10px;cursor:pointer}
#wh-mes-preview .efficiency-coefficient-switch button:hover{border-color:#8ab8e7;background:#f7fbff;color:#2677c8}
#wh-mes-preview .efficiency-coefficient-switch button.active{border-color:#78aee6;background:#eaf4ff;color:#1d73c8;font-weight:700;box-shadow:0 2px 7px rgba(43,125,211,.09)}
#wh-mes-preview .efficiency-database-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #e3e9f1;border-radius:10px;background:#fff}
#wh-mes-preview .efficiency-database-metric{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 9px;min-width:215px}
#wh-mes-preview .efficiency-database-metric>span{color:#303945;font-size:14px;font-weight:700}
#wh-mes-preview .efficiency-database-metric>b{padding:3px 8px;border-radius:999px;background:#eaf4ff;color:#277acb;font-size:9px}
#wh-mes-preview .efficiency-database-metric>small{grid-column:1/-1;color:#8a929d;font-size:9px}
#wh-mes-preview .efficiency-database-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;flex:1}
#wh-mes-preview .efficiency-database-search{display:flex;min-width:190px;max-width:330px;flex:1}
#wh-mes-preview .efficiency-database-search input{width:100%;height:32px;padding:0 10px;border:1px solid #dbe2ea;border-right:0;border-radius:7px 0 0 7px;outline:none;color:#323b47;font-size:10px}
#wh-mes-preview .efficiency-database-search input:focus{border-color:#64a4e9;box-shadow:0 0 0 3px rgba(49,132,222,.1)}
#wh-mes-preview .efficiency-database-search button,#wh-mes-preview .efficiency-database-actions .secondary,#wh-mes-preview .efficiency-pagination button{height:32px;box-sizing:border-box;padding:0 11px;border:1px solid #2f86df;border-radius:0 7px 7px 0;background:#2f86df;color:#fff;font-size:10px;font-weight:600;white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
#wh-mes-preview .efficiency-database-actions .secondary{border-color:#d9e1ea;border-radius:7px;background:#fff;color:#526170}
#wh-mes-preview .efficiency-database-actions .secondary:hover{border-color:#77abe1;background:#f4f9ff;color:#2776c4}
#wh-mes-preview .efficiency-database-actions select{max-width:125px;height:32px;padding:0 25px 0 9px;border:1px solid #dbe2ea;border-radius:7px;background-color:#fff;color:#586371;font-size:10px;outline:none}
#wh-mes-preview .efficiency-database-actions button:disabled{opacity:.55;cursor:wait}
#wh-mes-preview .efficiency-database-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}
#wh-mes-preview .efficiency-database-stats>div,#wh-mes-preview .efficiency-database-stats>button{display:grid;gap:3px;padding:11px 13px;border:1px solid #e5eaf0;border-radius:9px;background:#fff;text-align:left;font:inherit}
#wh-mes-preview .efficiency-database-stats>button{cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}
#wh-mes-preview .efficiency-database-stats>button:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(44,69,99,.08)}
#wh-mes-preview .efficiency-database-stats>button:disabled{cursor:default;transform:none;box-shadow:none}
#wh-mes-preview .efficiency-database-stats span{color:#858e9a;font-size:9px}
#wh-mes-preview .efficiency-database-stats b{color:#273746;font-size:20px;line-height:1.15}
#wh-mes-preview .efficiency-database-stats b.date{font-size:12px;line-height:23px}
#wh-mes-preview .efficiency-database-stats small{overflow:hidden;color:#969da7;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
#wh-mes-preview .efficiency-database-stats>.warning{border-color:#f2c9c3;background:#fff8f6}
#wh-mes-preview .efficiency-database-stats>.warning b{color:#d65342}
#wh-mes-preview .efficiency-database-stats>.warning.active{border-color:#e05a4d;background:#fff0ed;box-shadow:0 0 0 3px rgba(224,90,77,.1)}
#wh-mes-preview .efficiency-database-stats>.warning.active small{color:#bd483d;font-weight:650}
#wh-mes-preview .efficiency-database-notice{margin:9px 0;padding:7px 10px;border-radius:7px;background:#eef6ff;color:#4d7094;font-size:9px}
#wh-mes-preview .efficiency-database-notice.warning{background:#fff3ee;color:#b64d3e}
#wh-mes-preview .efficiency-coefficient-table-wrap{width:100%;border:1px solid #e3e8ee;border-radius:9px;background:#fff;overflow:hidden}
#wh-mes-preview .efficiency-coefficient-table{width:100%;border-collapse:collapse;table-layout:fixed}
#wh-mes-preview .efficiency-coefficient-table th{padding:8px 5px;background:#f2f6fa;border-bottom:1px solid #dfe5ec;color:#626e7d;font-size:9px;font-weight:700;text-align:center}
#wh-mes-preview .efficiency-coefficient-table td{padding:7px 5px;border-bottom:1px solid #edf0f4;color:#414b57;font-size:9px;line-height:1.35;text-align:center;word-break:break-all}
#wh-mes-preview .efficiency-coefficient-table tbody tr:last-child td{border-bottom:0}
#wh-mes-preview .efficiency-coefficient-table tbody tr:hover{background:#f8fbff}
#wh-mes-preview .efficiency-coefficient-table tr.has-conflict{background:#fff6f3}
#wh-mes-preview .efficiency-coefficient-table td.sequence{width:34px;color:#929aa5}
#wh-mes-preview .efficiency-coefficient-table td.code{font-family:Consolas,"Microsoft YaHei",sans-serif;font-weight:650;color:#2e5f8e}
#wh-mes-preview .efficiency-coefficient-table td.description{width:24%;max-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wh-mes-preview .efficiency-coefficient-table td.compact,#wh-mes-preview .efficiency-coefficient-table td.number{color:#596574}
#wh-mes-preview .efficiency-coefficient-table td.coefficient{color:#187f62;font-size:10px;font-weight:750}
#wh-mes-preview .efficiency-coefficient-table td.coefficient em{display:block;margin-top:2px;color:#d65342;font-size:7px;font-style:normal}
#wh-mes-preview .efficiency-coefficient-table td.source{color:#9aa1aa;font-size:8px}
#wh-mes-preview .efficiency-table-empty{height:120px;color:#929aa5!important;font-size:11px!important}
#wh-mes-preview .efficiency-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:9px;color:#7d8793;font-size:9px}
#wh-mes-preview .efficiency-pagination>div{display:flex;gap:6px}
#wh-mes-preview .efficiency-pagination button{height:28px;border-radius:6px;background:#fff;color:#536170;border-color:#d9e1e9}
#wh-mes-preview .efficiency-pagination button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:1100px){#wh-mes-preview .efficiency-coefficient-switch{align-items:flex-start;flex-direction:column}#wh-mes-preview .efficiency-coefficient-switch nav{width:100%;flex-wrap:wrap}#wh-mes-preview .efficiency-database-toolbar{align-items:flex-start;flex-direction:column}#wh-mes-preview .efficiency-database-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}#wh-mes-preview .efficiency-database-search{max-width:none}#wh-mes-preview .efficiency-coefficient-table th,#wh-mes-preview .efficiency-coefficient-table td{font-size:8px;padding-right:3px;padding-left:3px}#wh-mes-preview .punch-daily-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){#wh-mes-preview .efficiency-daily-cards{grid-template-columns:1fr}#wh-mes-preview .efficiency-summary-toolbar{align-items:flex-start;flex-direction:column}#wh-mes-preview .efficiency-summary-toolbar>.efficiency-summary-controls{width:100%;justify-content:flex-start;flex-wrap:wrap}#wh-mes-preview .punch-efficiency-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#wh-mes-preview .punch-efficiency-kpis>div.primary{grid-column:1/-1}#wh-mes-preview .punch-daily-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){#wh-mes-preview .efficiency-top-tabs button{min-width:96px;padding:0 12px}#wh-mes-preview .efficiency-coefficient-switch nav button{flex:1;padding:0 7px}#wh-mes-preview .efficiency-database-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#wh-mes-preview .efficiency-database-actions select{max-width:none;flex:1}#wh-mes-preview .efficiency-coefficient-table td.description,#wh-mes-preview .efficiency-coefficient-table th:nth-child(4){display:none}#wh-mes-preview .punch-efficiency-toolbar{align-items:flex-start;flex-direction:column}#wh-mes-preview .punch-efficiency-toolbar>.punch-efficiency-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}#wh-mes-preview .punch-section-head{align-items:flex-start;flex-direction:column}#wh-mes-preview .team-line-hours-editor{align-items:stretch;flex-direction:column}#wh-mes-preview .team-line-hours-control{flex-basis:auto;width:100%}#wh-mes-preview .team-line-hours-editor>button{width:100%}#wh-mes-preview .team-line-hours-editor>small{margin-left:0}#wh-mes-preview .punch-daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
