/* Tab Sản xuất theo kế hoạch mới (issue 269, đợt 2). Dùng chung khx-pill/khx-bar/khx-rs/khx-sub của production-plan-board.css. */
.production-execution-panel.is-run-board>#productionExecutionMetrics,.production-execution-panel.is-run-board>.production-command-layout{display:none}
.sxx{display:flex;flex-direction:column;gap:12px}
.sxx[hidden]{display:none}
.sxx-metrics .production-metric span{white-space:nowrap}
/* Giữ thứ tự chỉ số như mockup (wave 3 đảo thứ tự cho bảng cũ). */
.bms-wave-3 .panel[data-panel="production-execution"] .sxx-metrics .production-metric:nth-child(n){order:0}
.sxx-item{display:flex;flex-direction:column;gap:2px;padding:4px 2px 10px}
.sxx-item b{font-size:15px}
.sxx-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left}
.sxx-ch{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.sxx-ch b{font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sxx-ch h3{margin:0;font-size:20px}
.sxx-pc{color:var(--bms-info)}
.khx-rl{color:var(--bms-danger);font-weight:600}
.sxx-stg{display:flex;flex-wrap:wrap;gap:4px}
.sxx-stg span{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--bms-neutral-soft);color:var(--bms-text-muted)}
.sxx-stg span.run{background:var(--bms-info-soft);color:var(--bms-info)}
.sxx-stg span.done{background:var(--bms-success-soft);color:var(--bms-success)}
.sxx-cmd{display:flex;flex-direction:column;gap:16px;min-width:0}
.sxx-dh .khx-sub{margin-top:4px}
.sxx-kpi{display:grid;grid-template-columns:1.4fr 1fr 1fr;border:1px solid var(--bms-border);border-radius:12px}
.sxx-kpi>div{padding:12px 16px;border-left:1px solid var(--bms-border);display:flex;flex-direction:column;gap:4px;min-width:0}
.sxx-kpi>div:first-child{border-left:0}
.sxx-kpi .k{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--bms-text-muted)}
.sxx-kpi b{font-size:22px;font-variant-numeric:tabular-nums}
.sxx-kpi small{font-size:13px;font-weight:500;color:var(--bms-text-muted)}
.sxx-h4{margin:6px 0 0;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--bms-text-muted)}
.sxx-stage{border:1px solid var(--bms-border);border-radius:12px;overflow:hidden}
.sxx-stage header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bms-surface-subtle);border-bottom:1px solid var(--bms-border)}
.sxx-stage header b{font-size:13px;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sxx-stage header .khx-sub{flex:1 1 auto;white-space:nowrap}
.sxx-gp{font-size:12px;font-weight:700;color:var(--bms-info)}
.sxx-stage ol{list-style:none;margin:0;padding:0}
.sxx-op{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 16px;min-height:64px;border-top:1px solid var(--bms-border)}
.sxx-op:first-child{border-top:0}
.sxx-op.run{background:var(--bms-info-soft)}
.sxx-nm{display:flex;flex-direction:column;gap:3px;min-width:0}
.sxx-nm b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sxx-nm .khx-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sxx-by{color:var(--bms-info)}
.sxx-dot{width:18px;height:18px;box-sizing:border-box;border-radius:50%;border:2px solid var(--bms-border-strong);display:grid;place-items:center;font-size:11px;color:var(--bms-surface);font-weight:700}
.sxx-op.done .sxx-dot{background:var(--bms-success);border-color:var(--bms-success)}
.sxx-op.run .sxx-dot{border-color:var(--bms-info);box-shadow:inset 0 0 0 3px var(--bms-surface);background:var(--bms-info)}
.sxx-op.pause .sxx-dot{border-color:var(--bms-warning);background:var(--bms-warning-soft)}
.sxx-op.late .sxx-dot{border-color:var(--bms-danger)}
.sxx-act{display:flex;gap:6px;justify-content:flex-end;min-width:0}
.btn.sxx-b{min-height:32px;height:32px;padding:0 12px;font-size:12px;white-space:nowrap}
.sxx-why{font-size:12px;color:var(--bms-text-muted);white-space:nowrap}
.sxx-log{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sxx-log li{display:flex;flex-direction:column;font-size:13px}
.sxx-q{display:flex;gap:6px;flex-wrap:wrap}
.sxx-hint{margin:0;padding:8px 12px;border-radius:10px;background:var(--bms-info-soft)}
.sxx-qb{align-self:flex-start;margin-top:4px}
.sxx-qc{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:var(--bms-success-soft);color:var(--bms-success);font-size:13px;font-weight:600}
@media (max-width:900px){
  .sxx-kpi{grid-template-columns:1fr 1fr}
  .sxx-kpi>div:first-child{grid-column:1/-1;border-bottom:1px solid var(--bms-border)}
  .sxx-kpi>div:nth-child(2){border-left:0}
  .sxx-op{grid-template-columns:22px minmax(0,1fr) auto;row-gap:6px;padding:12px}
  .sxx-act{grid-column:2/-1;justify-content:flex-start;flex-wrap:wrap}
  .sxx-stage header{flex-wrap:wrap}
  .sxx-nm b,.sxx-nm .khx-sub{white-space:normal}
}