.mfg-center {
  display: grid;
  gap: 14px;
  min-width: 0;
  color: var(--text, #2d2024);
}
.mfg-center * { box-sizing: border-box; }
.mfg-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 4px 2px 2px;
}
.mfg-page-head h2 { margin: 2px 0 5px; color: var(--text, #2d2024); font-size: 27px; line-height: 1.2; }
.mfg-page-head p { margin: 0; color: var(--muted, #8e7a80); font-size: 13px; }
.mfg-eyebrow {
  color: var(--brand, #8d3148) !important;
  font-size: 12px !important;
  font-weight: 850;
  letter-spacing: .08em;
}
.mfg-head-side { display: grid; flex: 0 0 auto; justify-items: end; gap: 9px; }
.mfg-head-side small { color: var(--muted, #8e7a80); font-size: 11px; }
.mfg-head-side > div { display: flex; gap: 8px; }
.mfg-nav {
  display: flex;
  gap: 0;
  overflow-x: auto;
  border-bottom: 1px solid var(--line, #f0dfdc);
  background: transparent;
}
.mfg-nav button {
  position: relative;
  flex: 0 0 auto;
  min-height: 45px;
  padding: 8px 18px;
  border: 0;
  background: transparent;
  color: #78686d;
  font-size: 14px;
  font-weight: 750;
  cursor: pointer;
}
.mfg-nav button::after {
  position: absolute;
  right: 18px;
  bottom: -1px;
  left: 18px;
  height: 3px;
  border-radius: 999px;
  background: transparent;
  content: "";
}
.mfg-nav button.active { color: var(--brand, #8d3148); }
.mfg-nav button.active::after { background: var(--brand, #8d3148); }
.mfg-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.mfg-kpi {
  min-width: 0;
  padding: 14px 15px;
  border: 1px solid var(--line, #f0dfdc);
  border-radius: 11px;
  background: #fff;
  color: var(--text, #2d2024);
  text-align: left;
  box-shadow: 0 7px 20px rgba(100, 54, 61, .04);
  cursor: pointer;
}
.mfg-kpi:hover { border-color: #d9b8bf; transform: translateY(-1px); }
.mfg-kpi span, .mfg-kpi small { display: block; color: var(--muted, #8e7a80); }
.mfg-kpi span { font-size: 12px; font-weight: 700; }
.mfg-kpi strong { display: block; margin: 7px 0 4px; color: var(--brand, #8d3148); font-size: 25px; line-height: 1; }
.mfg-kpi small { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.mfg-kpi.warn strong { color: #b7791f; }
.mfg-kpi.danger strong { color: #c53030; }
.mfg-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(280px, .55fr); gap: 14px; align-items: start; }
.mfg-stack { display: grid; gap: 14px; min-width: 0; }
.mfg-panel {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line, #f0dfdc);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(100, 54, 61, .04);
}
.mfg-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
.mfg-panel-head h3 { margin: 0 0 4px; color: var(--text, #2d2024); font-size: 17px; }
.mfg-panel-head p { margin: 0; color: var(--muted, #8e7a80); font-size: 12px; line-height: 1.5; }
.mfg-table-wrap { max-width: 100%; overflow: auto; border: 1px solid #f1e5e7; border-radius: 9px; }
.mfg-table { width: 100%; min-width: 780px; border-collapse: separate; border-spacing: 0; }
.mfg-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 9px 10px;
  border-bottom: 1px solid #eadde0;
  background: #fbf7f6;
  color: #77686c;
  font-size: 11px;
  font-weight: 800;
  text-align: left;
  white-space: nowrap;
}
.mfg-table td {
  padding: 10px;
  border-bottom: 1px solid #f3e9ea;
  color: #3b2d31;
  font-size: 12px;
  vertical-align: middle;
}
.mfg-table tbody tr:last-child td { border-bottom: 0; }
.mfg-table tbody tr:hover td { background: #fffaf9; }
.mfg-table td strong, .mfg-table td small { display: block; }
.mfg-table td small { margin-top: 3px; color: var(--muted, #8e7a80); font-size: 10px; }
.mfg-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--brand, #8d3148);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.mfg-link strong { color: var(--brand, #8d3148); }
.mfg-tag {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #fff7e8;
  color: #9c6818;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}
.mfg-tag.ok { background: #eaf7ef; color: #24714a; }
.mfg-tag.danger { background: #fff0ef; color: #b42318; }
.mfg-progress-copy { display: grid; gap: 3px; min-width: 86px; }
.mfg-progress { width: 92px; max-width: 100%; height: 6px; overflow: hidden; border-radius: 999px; background: #eee6e8; }
.mfg-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--brand, #8d3148), var(--brand-2, #b54a60)); }
.mfg-progress-copy small { margin: 0 !important; color: #7f7074; font-size: 10px; }
.mfg-split { color: #65565b; white-space: nowrap; }
.mfg-action {
  min-height: 33px;
  padding: 6px 10px;
  border: 1px solid #dfc9ce;
  border-radius: 8px;
  background: #fff;
  color: var(--brand, #8d3148);
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
  cursor: pointer;
}
.mfg-action:hover { border-color: var(--brand, #8d3148); background: #fff9fa; }
.mfg-action.primary { border-color: var(--brand, #8d3148); background: var(--brand, #8d3148); color: #fff; }
.mfg-action.danger { border-color: #d92d20; color: #b42318; }
.mfg-action:disabled { opacity: .45; cursor: not-allowed; }
.mfg-inline-actions { display: inline-flex; align-items: center; gap: 6px; }
.mfg-inline-actions .mfg-action { min-height: 28px; padding: 4px 8px; font-size: 11px; }
.mfg-list { display: grid; gap: 8px; }
.mfg-list > button {
  display: grid;
  gap: 5px;
  width: 100%;
  padding: 11px;
  border: 1px solid #eee0e3;
  border-radius: 9px;
  background: #fffafa;
  color: var(--text, #2d2024);
  text-align: left;
  cursor: pointer;
}
.mfg-list > button > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.mfg-list > button strong, .mfg-list > button span { display: block; }
.mfg-list > button strong { font-size: 12px; }
.mfg-list > button > span { color: var(--muted, #8e7a80); font-size: 11px; }
.mfg-summary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--line, #f0dfdc);
  border-radius: 11px;
  background: #fff;
}
.mfg-summary-strip > div { padding: 13px 16px; border-right: 1px solid #f1e5e7; }
.mfg-summary-strip > div:last-child { border-right: 0; }
.mfg-summary-strip strong, .mfg-summary-strip span { display: block; }
.mfg-summary-strip strong { color: var(--brand, #8d3148); font-size: 22px; }
.mfg-summary-strip span { margin-top: 3px; color: var(--muted, #8e7a80); font-size: 11px; }
.mfg-empty { display: grid; place-items: center; min-height: 150px; padding: 24px; color: var(--muted, #8e7a80); text-align: center; }
.mfg-empty strong, .mfg-empty span { display: block; }
.mfg-empty strong { color: #5f5055; font-size: 14px; }
.mfg-empty span { margin-top: 5px; font-size: 11px; }
.mfg-empty.compact { min-height: 100px; }
.mfg-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(42, 24, 30, .38);
  backdrop-filter: blur(3px);
}
.mfg-modal {
  width: min(660px, 100%);
  max-height: calc(100vh - 40px);
  overflow: auto;
  border: 1px solid #dfcbd0;
  border-radius: 14px;
  background: #fffdfc;
  box-shadow: 0 30px 80px rgba(59, 31, 39, .24);
}
.mfg-modal.wide { width: min(920px, 100%); }
.mfg-modal > header {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px 14px;
  border-bottom: 1px solid #efe0e3;
  background: rgba(255, 253, 252, .96);
  backdrop-filter: blur(12px);
}
.mfg-modal > header h3 { margin: 3px 0 0; color: var(--text, #2d2024); font-size: 20px; }
.mfg-close { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #ead9dd; border-radius: 50%; background: #fff; color: #75646a; font-size: 22px; cursor: pointer; }
.mfg-modal form, .mfg-detail-body { display: grid; gap: 14px; padding: 17px 20px 20px; }
.mfg-modal form > footer, .mfg-detail-body > footer {
  position: sticky;
  bottom: -20px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 2px -20px -20px;
  padding: 13px 20px;
  border-top: 1px solid #efe0e3;
  background: rgba(255, 253, 252, .97);
  backdrop-filter: blur(12px);
}
.mfg-form-section { display: grid; gap: 11px; padding: 14px; border: 1px solid #f0e0e3; border-radius: 11px; background: #fff; }
.mfg-form-section h4, .mfg-detail-section h4 { margin: 0; color: #453438; font-size: 14px; }
.mfg-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.mfg-form-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mfg-field { display: grid; gap: 5px; min-width: 0; }
.mfg-field.full { grid-column: 1 / -1; }
.mfg-field > span { color: #76666b; font-size: 11px; font-weight: 750; }
.mfg-field input, .mfg-field select, .mfg-field textarea {
  width: 100%;
  min-height: 38px;
  padding: 8px 9px;
  border: 1px solid #e6d6da;
  border-radius: 8px;
  outline: 0;
  background: #fff;
  color: var(--text, #2d2024);
  font: inherit;
  font-size: 12px;
}
.mfg-field textarea { min-height: 76px; resize: vertical; }
.mfg-field input:focus, .mfg-field select:focus, .mfg-field textarea:focus { border-color: var(--brand, #8d3148); box-shadow: 0 0 0 3px rgba(141, 49, 72, .1); }
.mfg-form-note { margin: 0; color: var(--muted, #8e7a80); font-size: 11px; }
.mfg-form-error { margin: 0; padding: 9px 11px; border-radius: 8px; background: #fff0ef; color: #b42318; font-size: 12px; font-weight: 700; }
.mfg-check { display: flex; align-items: center; gap: 8px; color: #66575c; font-size: 12px; }
.mfg-check input { accent-color: var(--brand, #8d3148); }
.mfg-review-summary, .mfg-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.mfg-detail-grid.five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.mfg-review-summary > div, .mfg-detail-grid > div {
  min-width: 0;
  padding: 11px;
  border: 1px solid #f0e2e4;
  border-radius: 9px;
  background: #fffafa;
}
.mfg-review-summary span, .mfg-review-summary strong, .mfg-detail-grid span, .mfg-detail-grid strong { display: block; }
.mfg-review-summary span, .mfg-detail-grid span { color: var(--muted, #8e7a80); font-size: 10px; }
.mfg-review-summary strong, .mfg-detail-grid strong { margin-top: 4px; overflow: hidden; color: #49383d; font-size: 14px; text-overflow: ellipsis; }
.mfg-route-preview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mfg-route-preview > div { position: relative; display: grid; gap: 3px; padding: 11px; border: 1px solid #ead9dd; border-radius: 9px; background: #fffafa; }
.mfg-route-preview i { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--brand, #8d3148); color: #fff; font-size: 9px; font-style: normal; }
.mfg-route-preview strong { color: #48373c; font-size: 13px; }
.mfg-route-preview span { color: var(--muted, #8e7a80); font-size: 10px; }
.mfg-detail-hero, .mfg-work-order-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px; border-radius: 11px; background: linear-gradient(135deg, #fff5f7, #fffaf6); box-shadow: inset 4px 0 0 var(--brand, #8d3148); }
.mfg-detail-hero strong, .mfg-detail-hero span, .mfg-work-order-head strong, .mfg-work-order-head span { display: block; }
.mfg-detail-hero strong, .mfg-work-order-head strong { color: #3f2e33; font-size: 17px; }
.mfg-detail-hero span, .mfg-work-order-head span { margin-top: 4px; color: var(--muted, #8e7a80); font-size: 11px; }
.mfg-detail-section { display: grid; gap: 10px; padding: 14px; border: 1px solid #f0e1e4; border-radius: 10px; background: #fff; }
.mfg-detail-section p { margin: 0; color: #75666a; font-size: 12px; line-height: 1.6; }
.mfg-version-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mfg-version-grid > div { padding: 10px; border-radius: 8px; background: #fbf7f6; }
.mfg-version-grid span, .mfg-version-grid strong { display: block; }
.mfg-version-grid span { color: var(--muted, #8e7a80); font-size: 10px; }
.mfg-version-grid strong { margin-top: 4px; color: #49383d; font-size: 12px; }
.mfg-alert { padding: 10px 12px; border-radius: 8px; background: #fff7e8; color: #916319; font-size: 12px; line-height: 1.5; }
.mfg-alert.danger { background: #fff0ef; color: #b42318; }
.mfg-operation-list { display: grid; gap: 8px; }
.mfg-operation {
  display: grid;
  grid-template-columns: 30px minmax(130px, .7fr) minmax(180px, 1.2fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #eadde0;
  border-radius: 9px;
  background: #fffafa;
}
.mfg-operation > i { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #efe4e7; color: #7a6269; font-size: 10px; font-style: normal; font-weight: 800; }
.mfg-operation.running, .mfg-operation.ready { border-color: #d7aeb8; box-shadow: inset 3px 0 0 var(--brand, #8d3148); }
.mfg-operation.paused { border-color: #f1b9b5; background: #fff8f7; box-shadow: inset 3px 0 0 #d92d20; }
.mfg-operation.completed { opacity: .78; }
.mfg-operation > div strong, .mfg-operation > div span { display: block; }
.mfg-operation > div strong { color: #49383d; font-size: 12px; }
.mfg-operation > div span { margin-top: 3px; color: var(--muted, #8e7a80); font-size: 10px; }
.mfg-chip-row { display: flex; flex-wrap: wrap; gap: 7px; }
.mfg-chip-row span { padding: 5px 8px; border-radius: 999px; background: #f7e8ec; color: var(--brand, #8d3148); font-size: 10px; font-weight: 700; }
.mfg-chip-row.muted span { background: #f1edef; color: #7c6d72; }
.mfg-inline-chip { display: inline-flex; margin: 2px 4px 2px 0; padding: 2px 7px; border-radius: 999px; color: #7f2843; background: #f8e7eb; font-size: 10px; }
.mfg-scope-list { display: grid; gap: 8px; max-height: 230px; padding: 4px; overflow: auto; }
.mfg-scope-check { align-items: flex-start; padding: 11px 13px; border: 1px solid #eadbd6; border-radius: 12px; background: #fffdfa; }
.mfg-scope-check strong { color: #5c2134; }
.mfg-loading { display: grid; place-items: center; min-height: 180px; padding: 20px; color: var(--muted, #8e7a80); font-size: 13px; }
@media (max-width: 1280px) {
  .mfg-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mfg-dashboard-grid { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .mfg-page-head { flex-direction: column; }
  .mfg-head-side { width: 100%; justify-items: start; }
  .mfg-kpis, .mfg-summary-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mfg-summary-strip > div:nth-child(2) { border-right: 0; }
  .mfg-summary-strip > div:nth-child(-n+2) { border-bottom: 1px solid #f1e5e7; }
  .mfg-form-grid, .mfg-form-grid.four, .mfg-review-summary, .mfg-detail-grid, .mfg-detail-grid.five, .mfg-version-grid, .mfg-route-preview { grid-template-columns: 1fr 1fr; }
  .mfg-operation { grid-template-columns: 28px minmax(0, 1fr) auto; }
  .mfg-operation > div:nth-of-type(2) { grid-column: 2 / -1; }
}
@media (max-width: 520px) {
  .mfg-kpis { grid-template-columns: 1fr 1fr; }
  .mfg-form-grid, .mfg-form-grid.four, .mfg-review-summary, .mfg-detail-grid, .mfg-detail-grid.five, .mfg-version-grid, .mfg-route-preview { grid-template-columns: 1fr; }
  .mfg-modal-backdrop { padding: 6px; }
  .mfg-modal { max-height: calc(100vh - 12px); border-radius: 11px; }
}

/* Manufacturing center V2 — reference-screen layout */
.mfg-center {
  --mfg-wine: #8f1730;
  --mfg-red: #e83e4d;
  --mfg-blue: #287fdd;
  --mfg-green: #23a45b;
  --mfg-orange: #f39a17;
  --mfg-purple: #6c52bd;
  --mfg-teal: #078e82;
  gap: 10px;
  color: #313238;
  font-size: 12px;
}
.mfg-page-head {
  align-items: center;
  min-height: 44px;
  padding: 0;
  border-bottom: 1px solid #e7e8eb;
  background: #fff;
}
.mfg-page-head .mfg-nav { flex: 1 1 auto; border: 0; }
.mfg-nav button {
  min-height: 44px;
  padding: 7px 24px;
  color: #34363b;
  font-size: 14px;
  font-weight: 600;
}
.mfg-nav button::after { right: 20px; left: 20px; height: 2px; }
.mfg-nav button.active { color: var(--mfg-wine); }
.mfg-nav button.active::after { background: var(--mfg-wine); }
.mfg-head-side { display: flex; align-items: center; gap: 12px; color: #777a80; font-size: 11px; }
.mfg-head-side .mfg-action { border: 0; color: #4f5258; background: transparent; }
.mfg-kpis { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.mfg-kpi {
  display: flex;
  align-items: center;
  min-height: 88px;
  padding: 13px 16px;
  border-color: #e3e5e8;
  border-radius: 7px;
  box-shadow: 0 2px 8px rgba(37, 42, 52, .05);
}
.mfg-kpi:hover { border-color: #c9ccd2; transform: none; }
.mfg-kpi-icon {
  display: grid !important;
  flex: 0 0 46px;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-right: 14px;
  border-radius: 50%;
  color: #fff !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  line-height: 1;
}
.mfg-kpi-copy { display: block; min-width: 0; }
.mfg-kpi-label { color: #4b4d52 !important; font-size: 12px !important; font-weight: 500 !important; }
.mfg-kpi strong { margin: 3px 0 4px; color: #202126; font-size: 27px; font-weight: 650; }
.mfg-kpi small { color: #777a80; font-size: 10px; }
.mfg-kpi small b { margin-left: 3px; color: var(--mfg-red); }
.mfg-kpi small b.down { color: var(--mfg-green); }
.mfg-kpi.color-1 .mfg-kpi-icon { background: linear-gradient(145deg, #51a4f3, #1a78d6); box-shadow: 0 0 0 8px #eaf4fe; }
.mfg-kpi.color-2 .mfg-kpi-icon { background: linear-gradient(145deg, #ffb138, #f18506); box-shadow: 0 0 0 8px #fff4e1; }
.mfg-kpi.color-3 .mfg-kpi-icon { background: linear-gradient(145deg, #4dc471, #1a9f50); box-shadow: 0 0 0 8px #e9f7ed; }
.mfg-kpi.color-4 .mfg-kpi-icon { background: linear-gradient(145deg, #8d73d2, #6347b1); box-shadow: 0 0 0 8px #f1edfa; }
.mfg-kpi.color-5 .mfg-kpi-icon { background: linear-gradient(145deg, #1ba79a, #057c75); box-shadow: 0 0 0 8px #e6f6f3; }
.mfg-kpi.color-6 .mfg-kpi-icon { background: linear-gradient(145deg, #f45865, #df2e40); box-shadow: 0 0 0 8px #fdebed; }
.mfg-kpis .mfg-kpi:nth-last-child(1):nth-child(5) .mfg-kpi-icon { background: linear-gradient(145deg, #f45865, #df2e40); box-shadow: 0 0 0 8px #fdebed; }
.mfg-panel {
  padding: 11px;
  border-color: #e1e3e7;
  border-radius: 7px;
  box-shadow: 0 2px 8px rgba(36, 41, 50, .035);
}
.mfg-panel-head { align-items: center; margin-bottom: 9px; }
.mfg-panel-head h3 { margin: 0; color: #303238; font-size: 14px; font-weight: 650; }
.mfg-panel-head p { margin-top: 2px; font-size: 10px; }
.mfg-action {
  min-height: 28px;
  padding: 4px 12px;
  border-color: #dfe1e5;
  border-radius: 4px;
  color: #575a60;
  font-size: 11px;
  font-weight: 500;
}
.mfg-action.primary { border-color: var(--mfg-wine); background: linear-gradient(90deg, #8d172e, #a51d39); }
.mfg-action.danger { border-color: #ef4a49; background: #ef4a49; color: #fff; }
.mfg-table-wrap { border-color: #e2e4e7; border-radius: 3px; }
.mfg-table { min-width: 720px; }
.mfg-table th {
  position: static;
  padding: 7px 8px;
  border-color: #dfe1e5;
  background: #f7f7f8;
  color: #4c4f55;
  font-size: 10px;
  font-weight: 600;
}
.mfg-table td {
  padding: 7px 8px;
  border-color: #e6e7e9;
  color: #45474c;
  font-size: 10px;
}
.mfg-table td small { margin-top: 2px; color: #7b7e85; font-size: 9px; }
.mfg-table td .mfg-action { min-height: 22px; padding: 2px 5px; border: 0; color: var(--mfg-wine); background: transparent; }
.mfg-table tbody tr:hover td { background: #fff7f7; }
.mfg-tag { min-height: 18px; padding: 2px 5px; border-radius: 2px; font-size: 9px; }
.mfg-progress-copy { grid-template-columns: minmax(36px, 1fr) auto; align-items: center; min-width: 72px; }
.mfg-progress { width: 72px; height: 5px; border-radius: 1px; background: #e9eaed; }
.mfg-progress i { border-radius: 1px; background: var(--mfg-blue); }
.mfg-progress-copy small { font-size: 9px; }
.mfg-empty { min-height: 96px; padding: 16px; }
.mfg-empty.compact { min-height: 74px; }
.mfg-empty strong { font-size: 12px; }
.mfg-empty span { font-size: 9px; }
.mfg-red { color: #d83243 !important; }
.mfg-green { color: #1b9b55 !important; }
.mfg-more { border: 0; background: transparent; color: var(--mfg-wine); font-size: 10px; cursor: pointer; }
.mfg-select, .mfg-chart-filters select {
  height: 27px;
  padding: 3px 25px 3px 8px;
  border: 1px solid #dfe1e5;
  border-radius: 3px;
  background: #fff;
  color: #55585d;
  font-size: 10px;
}
.mfg-segment { display: inline-flex; overflow: hidden; margin-left: 8px; border: 1px solid #dedfe3; border-radius: 3px; vertical-align: middle; }
.mfg-segment b, .mfg-segment i { min-width: 29px; padding: 5px 8px; color: #62656a; font-style: normal; text-align: center; }
.mfg-segment b { background: var(--mfg-wine); color: #fff; }
.mfg-chart-legend { display: flex; justify-content: center; gap: 19px; color: #696c72; font-size: 9px; }
.mfg-chart-legend span::before { display: inline-block; width: 9px; height: 7px; margin-right: 4px; background: currentColor; content: ""; }
.mfg-chart-legend .blue { color: var(--mfg-blue); }
.mfg-chart-legend .green { color: #55b96c; }
.mfg-chart-legend .orange { color: #f6a624; }
.mfg-chart-legend .wine { color: var(--mfg-wine); }
.mfg-chart-legend .dash::before { height: 0; border-top: 1px dashed #61646a; background: transparent; }
.mfg-overview-main { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(420px, .95fr); gap: 12px; }
.mfg-load-chart { position: relative; display: flex; align-items: end; justify-content: space-around; height: 205px; padding: 24px 45px 0; border-bottom: 1px solid #dfe1e4; background: repeating-linear-gradient(to top, #eceef0 0 1px, transparent 1px 46px); }
.mfg-load-limit { position: absolute; top: 42px; right: 20px; left: 20px; border-top: 1px dashed #777b81; }
.mfg-load-column { z-index: 1; display: grid; place-items: center; align-self: stretch; width: 105px; grid-template-rows: 20px 1fr 22px; }
.mfg-load-column > b { font-size: 10px; font-weight: 500; }
.mfg-load-column > span { padding-top: 6px; color: #4c4f54; font-size: 11px; }
.mfg-stacked-bar { display: flex; flex-direction: column; justify-content: end; align-self: end; width: 58px; height: 152px; overflow: hidden; }
.mfg-stacked-bar i { display: grid; place-items: center; min-height: 15px; color: #fff; font-size: 9px; font-style: normal; }
.mfg-stacked-bar .orange { background: #f6a427; }
.mfg-stacked-bar .green { background: #5aba70; }
.mfg-stacked-bar .blue { background: #2e86dd; }
.mfg-achievement-body { display: grid; grid-template-columns: minmax(150px, .82fr) minmax(190px, 1fr); align-items: center; gap: 12px; min-height: 225px; padding: 10px 5px 3px; }
.mfg-gauge {
  position: relative;
  display: grid;
  place-items: center;
  width: 170px;
  height: 145px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 190px 190px 0 0;
  background: conic-gradient(from 270deg at 50% 100%, #43b75d 0 90deg, #ffc629 90deg 135deg, #ef4a43 135deg 180deg, transparent 180deg);
}
.mfg-gauge::after { position: absolute; right: 26px; bottom: -25px; left: 26px; height: 112px; border-radius: 140px 140px 0 0; background: #fff; content: ""; }
.mfg-gauge strong, .mfg-gauge span { z-index: 1; }
.mfg-gauge strong { align-self: end; margin-bottom: 25px; font-size: 35px; font-weight: 600; }
.mfg-gauge span { align-self: start; margin-top: -19px; font-size: 13px; }
.mfg-achievement-body dl { margin: 0; border: 1px solid #e0e2e5; border-radius: 7px; }
.mfg-achievement-body dl div { display: flex; justify-content: space-between; padding: 10px 14px; border-bottom: 1px solid #e6e7e9; }
.mfg-achievement-body dl div:last-child { border: 0; }
.mfg-achievement-body dt i { display: inline-block; width: 18px; color: #63666b; font-style: normal; }
.mfg-achievement-body dt i.blue { color: var(--mfg-blue); }
.mfg-achievement-body dt i.green { color: var(--mfg-green); }
.mfg-achievement-body dt i.orange { color: var(--mfg-orange); }
.mfg-achievement-body dt i.purple { color: var(--mfg-purple); }
.mfg-achievement-body dd { margin: 0; font-size: 14px; }
.mfg-overview-bottom { display: grid; grid-template-columns: 1.22fr 1fr 1fr 1fr 1fr; gap: 12px; }
.mfg-overview-bottom .mfg-table { min-width: 100%; }
.mfg-overview-bottom .mfg-table th, .mfg-overview-bottom .mfg-table td { padding: 7px 5px; }
.mfg-overview-bottom .mfg-panel { min-height: 218px; }
.mfg-todo-list { display: grid; gap: 0; }
.mfg-todo-list > div { display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 7px; padding: 8px 2px; border-bottom: 1px solid #ececef; }
.mfg-todo-list i { width: 7px; height: 7px; border-radius: 50%; background: var(--mfg-orange); }
.mfg-todo-list i.red { background: var(--mfg-red); }
.mfg-todo-list i.blue { background: var(--mfg-blue); }
.mfg-todo-list span, .mfg-todo-list small { display: block; }
.mfg-todo-list small { margin-top: 2px; color: #8a8c91; font-size: 9px; }
.mfg-todo-list b { font-weight: 500; }
.mfg-subtabs { display: flex; min-height: 32px; border-bottom: 1px solid #dfe1e4; }
.mfg-subtabs button { position: relative; min-width: 100px; padding: 7px 14px; border: 0; background: transparent; color: #42454a; font-size: 11px; cursor: pointer; }
.mfg-subtabs button.active { color: var(--mfg-wine); font-weight: 650; }
.mfg-subtabs button.active::after { position: absolute; right: 14px; bottom: -1px; left: 14px; height: 2px; background: var(--mfg-wine); content: ""; }
.mfg-tab-panel { padding: 0 10px 7px; }
.mfg-filterbar { display: flex; align-items: end; gap: 12px; padding: 8px 2px 0; }
.mfg-filterbar label { display: grid; grid-template-columns: auto minmax(100px, 1fr); align-items: center; gap: 7px; color: #55585d; font-size: 10px; }
.mfg-filterbar input, .mfg-filterbar select {
  width: 100%;
  height: 28px;
  padding: 4px 8px;
  border: 1px solid #dfe1e5;
  border-radius: 3px;
  background: #fff;
  color: #595c61;
  font-size: 10px;
}
.mfg-filterbar.compact { padding: 0 0 9px; }
.mfg-filterbar.compact label { grid-template-columns: auto minmax(70px, 130px); }
.mfg-orders-main { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(280px, .95fr); gap: 10px; }
.mfg-order-preview h4, .mfg-inspection-form h4, .mfg-mini-panel h4 { margin: 9px 0 7px; color: #46494e; font-size: 11px; }
.mfg-order-preview h4 small { color: #8a8c92; font-size: 9px; font-weight: 400; }
.mfg-order-preview > table, .mfg-miniapp-auth table { width: 100%; border-collapse: collapse; font-size: 10px; }
.mfg-center table:not(.mfg-table) { min-width: 0 !important; table-layout: fixed; }
.mfg-order-preview th, .mfg-order-preview td, .mfg-miniapp-auth th, .mfg-miniapp-auth td { padding: 7px 8px; border: 1px solid #e0e2e5; text-align: left; }
.mfg-order-preview th, .mfg-miniapp-auth th { background: #f7f7f8; font-weight: 500; }
.mfg-order-preview tr.total { background: #fff6f6; color: var(--mfg-wine); font-weight: 650; }
.mfg-version-list { margin: 0; border: 1px solid #e0e2e5; }
.mfg-version-list div { display: grid; grid-template-columns: 100px 1fr; }
.mfg-version-list dt, .mfg-version-list dd { margin: 0; padding: 6px 8px; border-bottom: 1px solid #e6e7e9; }
.mfg-version-list dt { background: #f8f8f9; }
.mfg-pagination { display: flex; align-items: center; gap: 7px; min-height: 31px; padding: 6px 4px 0; color: #777a80; font-size: 9px; }
.mfg-pagination b, .mfg-pagination i { padding: 4px 7px; border: 1px solid #e1e2e5; border-radius: 2px; background: #fff; color: #606268; font-style: normal; font-weight: 400; }
.mfg-pagination .active { border-color: var(--mfg-wine); background: var(--mfg-wine); color: #fff; }
.mfg-schedule-panel { position: relative; }
.mfg-gantt { overflow: auto; border: 1px solid #e1e3e6; }
.mfg-gantt-head, .mfg-gantt-row { display: grid; grid-template-columns: 180px repeat(5, minmax(135px, 1fr)); min-width: 860px; }
.mfg-gantt-head b, .mfg-gantt-head span { padding: 7px; border-right: 1px solid #e2e4e7; background: #f7f7f8; text-align: center; }
.mfg-gantt-row > b { display: flex; justify-content: space-between; padding: 12px 9px; border-top: 1px solid #e3e4e7; border-right: 1px solid #e3e4e7; font-weight: 500; }
.mfg-gantt-row > b small { color: var(--mfg-orange); }
.mfg-gantt-track { position: relative; grid-column: 2 / -1; min-height: 41px; border-top: 1px solid #e3e4e7; background: repeating-linear-gradient(to right, transparent 0 calc(20% - 1px), #e7e8ea calc(20% - 1px) 20%); }
.mfg-gantt-track button { position: absolute; top: 8px; left: var(--left); width: var(--width); height: 24px; overflow: hidden; border: 1px solid #72a98b; border-radius: 2px; background: #dff1e5; color: #487b5a; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.mfg-gantt-track button:nth-child(2) { border-color: #6e9fcf; background: #dbe9f7; color: #4676a5; }
.mfg-gantt-track button:nth-child(3) { border-color: #d8a63e; background: #fff0cc; color: #966b18; }
.mfg-bottom-actions { display: flex; justify-content: flex-end; gap: 20px; padding-top: 12px; }
.mfg-bottom-actions .mfg-action { min-width: 125px; }

/* Order production typography — align sales orders, demands and planning with the product-wide scale. */
.mfg-center[data-mfg-current-view="orders"] {
  font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
}
.mfg-center[data-mfg-current-view="orders"] .mfg-subtabs button {
  min-width: 112px;
  min-height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
}
.mfg-center[data-mfg-current-view="orders"] .mfg-panel-head h3 { font-size: 16px; font-weight: 700; }
.mfg-center[data-mfg-current-view="orders"] .mfg-panel-head p,
.mfg-center[data-mfg-current-view="orders"] .mfg-filterbar label { font-size: 12px; }
.mfg-center[data-mfg-current-view="orders"] .mfg-filterbar input,
.mfg-center[data-mfg-current-view="orders"] .mfg-filterbar select {
  height: 34px;
  font-family: inherit;
  font-size: 14px;
}
.mfg-center[data-mfg-current-view="orders"] .mfg-action { font-family: inherit; font-size: 13px; }
.mfg-center[data-mfg-current-view="orders"] .mfg-table th { font-size: 13px; }
.mfg-center[data-mfg-current-view="orders"] .mfg-table td { font-size: 13px; line-height: 1.45; }
.mfg-center[data-mfg-current-view="orders"] .mfg-table td small,
.mfg-center[data-mfg-current-view="orders"] .mfg-progress-copy small,
.mfg-center[data-mfg-current-view="orders"] .mfg-tag { font-size: 12px; }
.mfg-center[data-mfg-current-view="orders"] .mfg-table td .mfg-action {
  min-height: 28px;
  padding: 3px 6px;
  font-size: 12px;
}
.mfg-center[data-mfg-current-view="orders"] .mfg-order-preview h4 { font-size: 14px; }
.mfg-center[data-mfg-current-view="orders"] .mfg-order-preview h4 small { font-size: 12px; }
.mfg-center[data-mfg-current-view="orders"] .mfg-order-preview > table,
.mfg-center[data-mfg-current-view="orders"] .mfg-version-list,
.mfg-center[data-mfg-current-view="orders"] .mfg-pagination { font-size: 12px; }
.mfg-center[data-mfg-current-view="orders"] .mfg-gantt-head,
.mfg-center[data-mfg-current-view="orders"] .mfg-gantt-row,
.mfg-center[data-mfg-current-view="orders"] .mfg-gantt-track button { font-size: 12px; }
.mfg-center[data-mfg-current-view="orders"] .mfg-bottom-actions .mfg-action { font-size: 14px; }

/* Quality and inbound typography — one scale for inspection, rework, inbound and analysis. */
.mfg-center[data-mfg-current-view="quality-inbound"] {
  font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
}
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-subtabs button {
  min-width: 112px;
  min-height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
}
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-panel-head h3 { font-size: 16px; font-weight: 700; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-panel-head p,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-more { font-size: 12px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-action { font-family: inherit; font-size: 13px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-table th { font-size: 13px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-table td { font-size: 13px; line-height: 1.45; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-table td small,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-progress-copy small,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-tag,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-pagination { font-size: 12px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-table td .mfg-action {
  min-height: 28px;
  padding: 3px 6px;
  font-size: 12px;
}
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-empty-row strong { font-size: 14px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-empty-row span { font-size: 12px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-inspection-form h4 { font-size: 14px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-inspection-meta,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-inspection-fields label,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-inspection-standard > label { font-size: 12px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-inspection-fields input,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-inspection-standard input {
  height: 34px;
  font-family: inherit;
  font-size: 14px;
}
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-defect-chips button,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-defect-chips span { font-family: inherit; font-size: 12px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-inspection-standard dt { font-size: 12px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-inspection-standard dd { font-size: 13px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-evidence-thumb.placeholder b,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-evidence-thumb.placeholder small,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-evidence-upload span { font-size: 12px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-rework-timeline article strong { font-size: 13px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-rework-timeline article span,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-rework-timeline article small { font-size: 12px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-chart-legend,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-pareto-chart b,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-pareto-chart span,
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-pareto-chart em { font-size: 12px; }
.mfg-center[data-mfg-current-view="quality-inbound"] .mfg-chart-filters select {
  height: 34px;
  font-family: inherit;
  font-size: 14px;
}
.mfg-form-library { display: grid; grid-template-columns: minmax(190px, .45fr) minmax(0, 2fr); align-items: center; gap: 14px; }
.mfg-form-library > div:first-child { display: grid; gap: 4px; }
.mfg-form-library > div:first-child strong { color: #303238; font-size: 16px; }
.mfg-form-library > div:first-child span { color: #777a80; font-size: 12px; line-height: 1.5; }
.mfg-form-library > div:last-child { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mfg-form-library article { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; padding: 8px 10px; border: 1px solid #e1e3e7; border-radius: 5px; background: #fbfbfc; }
.mfg-form-library article b { overflow: hidden; color: #43464c; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.mfg-form-library article span { display: flex; flex: 0 0 auto; gap: 5px; }
.mfg-form-library article button { padding: 3px 5px; border: 0; background: transparent; color: var(--mfg-wine); font-family: inherit; font-size: 12px; cursor: pointer; white-space: nowrap; }
/* Production execution: reserve enough room for all four anomaly categories. */
.mfg-execution-top { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(520px, 1fr); gap: 10px; }
.mfg-dot-state { white-space: nowrap; }
.mfg-dot-state::before { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border-radius: 50%; background: #f4a51f; content: ""; }
.mfg-dot-state.ok::before { background: #25a55c; }
.mfg-dot-state.danger::before { background: #e23e4c; }
.mfg-anomaly .mfg-subtabs { overflow-x: auto; }
.mfg-anomaly .mfg-subtabs > button {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 6px !important;
}
.mfg-anomaly-list button { position: relative; display: grid; gap: 4px; width: 100%; padding: 10px 3px; border: 0; border-bottom: 1px solid #e7e8ea; background: #fff; text-align: left; }
.mfg-anomaly-list strong { font-size: 10px; }
.mfg-anomaly-list em { margin-left: 5px; padding: 2px 5px; border-radius: 8px; background: #f1454d; color: #fff; font-size: 8px; font-style: normal; }
.mfg-anomaly-list span, .mfg-anomaly-list time { color: #6f7278; font-size: 9px; }
.mfg-anomaly-list time { position: absolute; top: 10px; right: 2px; color: #e05760; }
.mfg-workbench { padding-top: 7px; }
.mfg-workbench-head { display: flex; align-items: center; gap: 10px; min-height: 34px; margin: -7px -11px 8px; padding: 6px 12px; border-bottom: 1px solid #dfe1e4; }
.mfg-workbench-head > div { display: flex; gap: 7px; margin-left: auto; }
.mfg-workbench-grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr); gap: 10px; }
.mfg-workbench-left { display: grid; grid-template-columns: 1.45fr .72fr .72fr; gap: 9px; }
.mfg-mini-panel { min-width: 0; padding: 10px; border: 1px solid #dfe1e4; border-radius: 5px; background: #fff; }
.mfg-mini-panel h4 { margin-top: 0; }
.mfg-mini-panel.route { grid-column: 1 / 2; }
.mfg-mini-panel.route > div { display: flex; padding: 9px 2px; }
.mfg-mini-panel.route span { position: relative; display: grid; flex: 1; min-width: 0; place-items: center; gap: 3px; }
.mfg-mini-panel.route span::after { position: absolute; top: 10px; left: 59%; width: 82%; border-top: 1px solid #cfd1d5; content: ""; }
.mfg-mini-panel.route span:last-child::after { display: none; }
.mfg-mini-panel.route i { z-index: 1; display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid #cfd1d5; border-radius: 50%; background: #fff; color: #777a80; font-style: normal; }
.mfg-mini-panel.route span.active i { border-color: var(--mfg-wine); background: var(--mfg-wine); color: #fff; }
.mfg-mini-panel.route b { font-size: 9px; }
.mfg-mini-panel.route small { color: #85888e; font-size: 7px; white-space: nowrap; }
.mfg-mini-panel.material { display: grid; grid-template-columns: 96px 1fr; align-items: center; }
.mfg-mini-panel.material h4 { grid-column: 1 / -1; }
.mfg-donut { display: grid; place-items: center; width: 76px; height: 76px; border-radius: 50%; background: conic-gradient(#23a459 var(--value), #f0f1f3 0); }
.mfg-donut::after { grid-area: 1 / 1; width: 55px; height: 55px; border-radius: 50%; background: #fff; content: ""; }
.mfg-donut strong { z-index: 1; grid-area: 1 / 1; font-size: 18px; }
.mfg-mini-panel.material ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; font-size: 9px; }
.mfg-mini-panel.material li i { display: inline-block; width: 7px; height: 7px; margin-right: 4px; border-radius: 50%; background: #f2a11c; }
.mfg-mini-panel.material li i.green { background: #24a65d; }
.mfg-mini-panel.material li i.red { background: #e83e4d; }
.mfg-mini-panel.material li b { float: right; }
.mfg-mini-panel.issue table { width: 100%; border-collapse: collapse; font-size: 9px; }
.mfg-mini-panel.issue th, .mfg-mini-panel.issue td { padding: 6px; border: 1px solid #e0e2e5; }
.mfg-mini-panel.equipment { grid-column: 1 / 2; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mfg-mini-panel.equipment h4 { grid-column: 1 / -1; }
.mfg-mini-panel.equipment > div { display: grid; grid-template-columns: 1fr auto; gap: 4px; padding: 7px; border: 1px solid #e2e3e6; }
.mfg-mini-panel.equipment span { color: #1a9d56; }
.mfg-mini-panel.equipment small { grid-column: 1 / -1; color: #7c7f85; font-size: 8px; }
.mfg-mini-panel.people { grid-column: 2 / 4; }
.mfg-mini-panel.people dl { margin: 0; }
.mfg-mini-panel.people dl div { display: grid; grid-template-columns: 70px 1fr; padding: 5px; border-bottom: 1px solid #e5e6e9; }
.mfg-mini-panel.people dt, .mfg-mini-panel.people dd { margin: 0; }
.mfg-report { display: grid; align-content: start; gap: 6px; }
.mfg-report label { display: grid; grid-template-columns: 65px minmax(0, 1fr) 32px; align-items: center; gap: 4px; min-width: 0; color: #595c62; font-size: 9px; }
.mfg-report input, .mfg-report textarea { width: 100%; min-width: 0; min-height: 27px; padding: 4px 7px; border: 1px solid #dfe1e5; border-radius: 3px; font: inherit; }
.mfg-report .note { grid-template-columns: 65px minmax(0, 1fr); }
.mfg-report textarea { min-height: 45px; resize: vertical; }
.mfg-report .mfg-action { margin-top: 4px; }
.mfg-quality-top { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(420px, 1.5fr); gap: 10px; }
.mfg-inspection-meta { display: grid; grid-template-columns: 1fr 1.3fr 1.3fr; gap: 8px; padding: 5px 0 8px; font-size: 9px; }
.mfg-inspection-fields { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.mfg-inspection-fields.detail { grid-template-columns: 2fr .7fr 1fr 1.2fr; }
.mfg-inspection-fields label { display: grid; gap: 4px; color: #5f6268; font-size: 9px; }
.mfg-inspection-fields input { width: 100%; height: 28px; padding: 4px 7px; border: 1px solid #dfe1e5; border-radius: 3px; font: inherit; }
.mfg-defect-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 8px; }
.mfg-defect-chips span { padding: 4px 9px; border: 1px solid #e2b36a; border-radius: 3px; background: #fff8e9; color: #9a681d; font-size: 9px; }
.mfg-defect-chips span:nth-child(2n) { border-color: #d5b0ae; background: #fff1f1; color: #a34f4b; }
.mfg-form-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 9px; }
.mfg-quality-bottom { display: grid; grid-template-columns: minmax(260px, .75fr) minmax(0, 1.65fr) minmax(350px, 1.2fr); gap: 10px; }
.mfg-quality-bottom:empty,
.mfg-outsourcing-bottom:empty { display: none; }
.mfg-quality-bottom > .mfg-panel:only-child,
.mfg-outsourcing-bottom > .mfg-panel:only-child { grid-column: 1 / -1; }
.mfg-rework-timeline article { position: relative; display: grid; gap: 3px; margin-left: 8px; padding: 5px 5px 9px 15px; border-left: 1px solid #d7d9dd; }
.mfg-rework-timeline article > i { position: absolute; top: 7px; left: -4px; width: 8px; height: 8px; border-radius: 50%; background: var(--mfg-purple); }
.mfg-rework-timeline article.tone-1 > i { background: var(--mfg-blue); }
.mfg-rework-timeline article.tone-2 > i { background: var(--mfg-green); }
.mfg-rework-timeline article.tone-3 > i { background: var(--mfg-orange); }
.mfg-rework-timeline article span, .mfg-rework-timeline article small { color: #74777d; font-size: 9px; }
.mfg-rework-timeline .mfg-action { justify-self: start; min-height: 21px; margin-top: 3px; }
.mfg-pareto-chart { display: flex; align-items: end; gap: 14px; height: 185px; padding: 25px 12px 25px; border-bottom: 1px solid #dfe1e4; background: repeating-linear-gradient(to top, #eceef0 0 1px, transparent 1px 42px); }
.mfg-pareto-chart > div { position: relative; display: grid; flex: 1; align-items: end; height: 100%; text-align: center; }
.mfg-pareto-chart i { align-self: end; min-height: 4px; background: var(--mfg-wine); }
.mfg-pareto-chart b { position: absolute; right: 0; bottom: calc(var(--height, 0%) + 2px); left: 0; font-size: 8px; font-weight: 500; }
.mfg-pareto-chart span { position: absolute; right: -7px; bottom: -20px; left: -7px; font-size: 8px; white-space: nowrap; }
.mfg-pareto-chart em { position: absolute; top: -17px; right: -7px; color: var(--mfg-orange); font-size: 8px; font-style: normal; }
.mfg-chart-filters { display: flex; gap: 10px; padding-top: 10px; }
.mfg-chart-filters > * { flex: 1; }
.mfg-outsourcing-main { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(390px, 1fr); gap: 10px; }
.mfg-outsource-side { display: grid; gap: 10px; }
.mfg-timeline > div { display: flex; padding: 10px 2px 4px; }
.mfg-timeline span { position: relative; display: grid; flex: 1; place-items: center; gap: 4px; }
.mfg-timeline span::after { position: absolute; top: 10px; left: 60%; width: 80%; border-top: 2px solid #dedfe2; content: ""; }
.mfg-timeline span.done::after { border-color: #2fab63; }
.mfg-timeline span:last-child::after { display: none; }
.mfg-timeline i { z-index: 1; display: grid; place-items: center; width: 22px; height: 22px; border: 2px solid #dcdee1; border-radius: 50%; background: #fff; color: #898c91; font-style: normal; }
.mfg-timeline span.done i { border-color: #2fab63; color: #239854; }
.mfg-timeline b { font-size: 9px; }
.mfg-timeline small { color: #85888e; font-size: 8px; }
.mfg-auth-person { display: grid; grid-template-columns: 55px 1fr 55px 1fr; gap: 6px; padding: 5px 0 8px; }
.mfg-auth-person span { color: #74777d; }
.mfg-miniapp-auth table { font-size: 8px; }
.mfg-miniapp-auth > div:last-child { display: flex; justify-content: center; gap: 14px; padding-top: 9px; }
.mfg-outsourcing-bottom { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
.mfg-outsourcing-bottom > .mfg-supplier-score { grid-column: 1 / -1; }
.mfg-outsourcing-bottom .mfg-table { min-width: 100%; }
.mfg-outsourcing-bottom .mfg-table th, .mfg-outsourcing-bottom .mfg-table td { padding: 6px 5px; font-size: 8px; }
.mfg-score-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.mfg-score-grid > div { padding: 9px; border: 1px solid #dfe7f0; border-radius: 5px; background: #f8fbff; }
.mfg-score-grid span, .mfg-score-grid strong { display: block; }
.mfg-score-grid span { color: #777a80; font-size: 8px; }
.mfg-score-grid strong { margin-top: 4px; font-size: 18px; }
.mfg-score-grid p { grid-column: 1 / -1; margin: 0; padding: 4px; font-size: 9px; }
.mfg-score-grid p small { float: right; color: #85888e; }
.mfg-inline-links { display: inline-flex; gap: 2px; }

@media (max-width: 1500px) {
  .mfg-kpi { padding: 12px; }
  .mfg-kpi-icon { flex-basis: 40px; width: 40px; height: 40px; margin-right: 11px; font-size: 21px !important; }
  .mfg-overview-bottom { grid-template-columns: repeat(3, 1fr); }
  .mfg-overview-bottom .mfg-panel:nth-child(1) { grid-column: span 2; }
  .mfg-outsourcing-bottom { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1180px) {
  .mfg-kpis { grid-template-columns: repeat(3, 1fr); }
  .mfg-overview-main, .mfg-orders-main, .mfg-execution-top, .mfg-quality-top, .mfg-outsourcing-main { grid-template-columns: 1fr; }
  .mfg-quality-bottom { grid-template-columns: 1fr 1fr; }
  .mfg-quality-bottom .mfg-pareto { grid-column: 1 / -1; }
  .mfg-filterbar { flex-wrap: wrap; }
  .mfg-form-library { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .mfg-page-head { align-items: flex-start; }
  .mfg-page-head .mfg-head-side { display: none; }
  .mfg-nav button { padding: 7px 14px; font-size: 12px; }
  .mfg-kpis { grid-template-columns: repeat(2, 1fr); }
  .mfg-kpi { min-height: 76px; }
  .mfg-overview-bottom, .mfg-outsourcing-bottom, .mfg-quality-bottom { grid-template-columns: 1fr; }
  .mfg-overview-bottom .mfg-panel:nth-child(1), .mfg-quality-bottom .mfg-pareto { grid-column: auto; }
  .mfg-achievement-body, .mfg-workbench-grid { grid-template-columns: 1fr; }
  .mfg-workbench-left { grid-template-columns: 1fr; }
  .mfg-mini-panel.route, .mfg-mini-panel.equipment, .mfg-mini-panel.people { grid-column: auto; }
  .mfg-filterbar label { grid-template-columns: 75px minmax(150px, 1fr); width: 100%; }
  .mfg-form-library > div:last-child { grid-template-columns: 1fr; }
}

/* Screenshot alignment refinements */
.mfg-gauge-v2 {
  position: relative;
  width: 220px;
  height: 155px;
  margin: 0 auto;
  color: #25262a;
}
.mfg-gauge-arc {
  position: absolute;
  top: 20px;
  left: 25px;
  width: 170px;
  height: 170px;
  overflow: hidden;
  border-radius: 50%;
  background: conic-gradient(from 270deg, #39b65e 0 90deg, #ffc335 90deg 135deg, #ef4448 135deg 180deg, transparent 180deg);
  clip-path: inset(0 0 50% 0);
}
.mfg-gauge-arc::after {
  position: absolute;
  top: 17px;
  left: 17px;
  width: 136px;
  height: 136px;
  border-radius: 50%;
  background: #fff;
  content: "";
}
.mfg-gauge-needle {
  position: absolute;
  z-index: 3;
  top: 104px;
  left: 50%;
  width: 73px;
  height: 2px;
  border-radius: 2px;
  background: #25262a;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .02);
  transform: rotate(var(--needle));
  transform-origin: 0 50%;
}
.mfg-gauge-needle::before {
  position: absolute;
  top: -3px;
  left: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #25262a;
  content: "";
}
.mfg-gauge-v2 > strong {
  position: absolute;
  z-index: 4;
  top: 69px;
  left: 50%;
  font-size: 34px;
  font-weight: 620;
  line-height: 1;
  transform: translateX(-50%);
}
.mfg-gauge-v2 > em {
  position: absolute;
  z-index: 4;
  top: 108px;
  left: 50%;
  font-size: 13px;
  font-style: normal;
  transform: translateX(-50%);
}
.mfg-gauge-v2 .tick { position: absolute; z-index: 4; color: #696c72; font-size: 9px; }
.mfg-gauge-v2 .tick-0 { top: 119px; left: 13px; }
.mfg-gauge-v2 .tick-25 { top: 59px; left: 2px; }
.mfg-gauge-v2 .tick-50 { top: 4px; left: 50%; transform: translateX(-50%); }
.mfg-gauge-v2 .tick-75 { top: 59px; right: 1px; }
.mfg-gauge-v2 .tick-100 { top: 119px; right: 8px; }
.mfg-paged-panel {
  display: flex;
  flex-direction: column;
  min-height: 300px;
}
.mfg-orders-main > .mfg-paged-panel { min-height: 342px; }
.mfg-outsourcing-main > .mfg-paged-panel { min-height: 350px; }
.mfg-demand-panel { min-height: 380px; }
.mfg-paged-panel .mfg-table-wrap { flex: 0 1 auto; }
.mfg-empty-row td {
  height: 118px;
  color: #7d8086 !important;
  text-align: center;
}
.mfg-empty-row strong, .mfg-empty-row span { display: block; }
.mfg-empty-row strong { color: #414349; font-size: 11px; }
.mfg-empty-row span { margin-top: 7px; font-size: 9px; }
.mfg-pagination {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: auto;
  padding: 10px 0 0;
}
.mfg-pagination select,
.mfg-pagination button,
.mfg-pagination input {
  height: 25px;
  border: 1px solid #dfe1e5;
  border-radius: 2px;
  background: #fff;
  color: #5f6268;
  font-size: 9px;
}
.mfg-pagination select { padding: 2px 5px; }
.mfg-pagination button { min-width: 25px; padding: 2px 7px; cursor: pointer; }
.mfg-pagination button.active { border-color: var(--mfg-wine); background: var(--mfg-wine); color: #fff; }
.mfg-pagination button:disabled { opacity: .4; cursor: default; }
.mfg-pagination label { display: inline-flex; align-items: center; gap: 4px; margin-left: 12px; }
.mfg-pagination input { width: 38px; padding: 2px 4px; text-align: center; }
.mfg-inspection-form { min-height: 300px; }
.mfg-inspection-standard {
  display: grid;
  grid-template-columns: minmax(170px, 1.7fr) 70px minmax(140px, 1.2fr);
  align-items: end;
  gap: 9px;
}
.mfg-inspection-standard > label { display: grid; gap: 4px; color: #5f6268; font-size: 9px; }
.mfg-inspection-standard input {
  width: 100%;
  height: 28px;
  min-width: 0;
  padding: 4px 7px;
  border: 1px solid #dfe1e5;
  border-radius: 3px;
  color: #55585e;
  font: inherit;
}
.mfg-inspection-standard dl {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 9px;
  margin: 0;
  padding-left: 10px;
  border-left: 1px solid #e0e2e5;
}
.mfg-inspection-standard dl div { min-width: 0; }
.mfg-inspection-standard dt { color: #767980; font-size: 8px; }
.mfg-inspection-standard dd { margin: 6px 0 0; overflow: hidden; color: #45474c; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.mfg-defect-chips button {
  padding: 4px 9px;
  border: 1px solid #e2b36a;
  border-radius: 3px;
  background: #fff8e9;
  color: #9a681d;
  font-size: 9px;
  cursor: pointer;
}
.mfg-defect-chips button:nth-child(2n) { border-color: #d5b0ae; background: #fff1f1; color: #a34f4b; }
.mfg-defect-chips button:nth-child(4) { border-color: #8eb0d8; background: #eef6ff; color: #3f70a7; }
.mfg-defect-chips button:nth-child(5) { border-color: #8cc6a2; background: #edf9f1; color: #347d50; }
.mfg-defect-chips button.selected { box-shadow: inset 0 0 0 1px currentColor, 0 0 0 2px rgba(143, 23, 48, .08); }
.mfg-evidence-row { display: flex; align-items: stretch; gap: 7px; min-height: 54px; }
.mfg-evidence-thumb,
.mfg-evidence-upload {
  display: grid;
  flex: 0 0 72px;
  place-items: center;
  width: 72px;
  height: 54px;
  overflow: hidden;
  border: 1px solid #d8dade;
  border-radius: 2px;
  background: #f2f3f4;
  color: #696c72;
  text-align: center;
  text-decoration: none;
}
.mfg-evidence-thumb img { width: 100%; height: 100%; object-fit: cover; }
.mfg-evidence-thumb.placeholder {
  background:
    linear-gradient(145deg, transparent 42%, rgba(92, 96, 102, .22) 43% 55%, transparent 56%),
    radial-gradient(circle at 30% 35%, #b9bdc2 0 7px, transparent 8px),
    #e6e8ea;
}
.mfg-evidence-thumb.placeholder b,
.mfg-evidence-thumb.placeholder small { padding: 1px 3px; background: rgba(255, 255, 255, .84); font-size: 7px; }
.mfg-evidence-upload { border-style: dashed; background: #fff; cursor: pointer; }
.mfg-evidence-upload b, .mfg-evidence-upload span { display: block; }
.mfg-evidence-upload b { font-size: 18px; font-weight: 400; }
.mfg-evidence-upload span { font-size: 8px; }
.mfg-evidence-upload:disabled { opacity: .55; cursor: default; }
.mfg-score-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.mfg-score-card {
  position: relative;
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-template-rows: 18px 44px;
  min-height: 73px;
  padding: 7px;
  border: 1px solid #dfe7f0;
  border-radius: 5px;
  background: #f8fbff;
}
.mfg-score-card > span { grid-column: 1 / -1; color: #676a70; font-size: 8px; }
.mfg-score-card > span i { margin-right: 5px; color: #3d8fe2; font-size: 12px; font-style: normal; }
.mfg-score-ring {
  position: relative;
  display: grid;
  grid-row: 2;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: conic-gradient(#348fe3 var(--score), #e2e9f1 0);
}
.mfg-score-ring.green { background: conic-gradient(#23a65b var(--score), #e1ede6 0); }
.mfg-score-ring.orange { background: conic-gradient(#f59b18 var(--score), #f2e8d7 0); }
.mfg-score-ring::after { grid-area: 1 / 1; width: 31px; height: 31px; border-radius: 50%; background: #f8fbff; content: ""; }
.mfg-score-ring b {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 48px;
  min-width: 56px;
  color: #303238;
  font-size: 15px;
  font-weight: 650;
  white-space: nowrap;
}
.mfg-score-card > em { align-self: end; justify-self: start; margin: 0 0 7px 4px; color: #e53d4c; font-size: 8px; font-style: normal; }
.mfg-score-card > em.up { color: #229757; }
.mfg-score-grid > p {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  gap: 7px;
  padding: 6px 2px 0;
}
.mfg-score-grid > p mark { padding: 3px 7px; border-radius: 3px; background: var(--mfg-wine); color: #fff; font-size: 8px; }
.mfg-score-grid > p button { margin-left: auto; border: 0; background: transparent; color: var(--mfg-wine); font-size: 8px; cursor: pointer; }
.mfg-score-grid > p small { display: none; }

@media (max-width: 800px) {
  .mfg-gauge-v2 { transform: scale(.92); }
  .mfg-inspection-standard { grid-template-columns: 1fr 90px; }
  .mfg-inspection-standard dl { grid-column: 1 / -1; }
  .mfg-pagination label { display: none; }
  .mfg-score-grid { grid-template-columns: 1fr 1fr; }
}