/* QMES PQC styles.
   Process inspection extension point.
   Current production rules remain in common.css to preserve the exact original cascade. */

/* ─────────────────────────────────────────────────────────────
   부적합 현황카드
   - 카드 색상·그래프·모서리 장식 제거
   - 품질검사 현황처럼 작은 움직이는 색상 원만 유지
───────────────────────────────────────────────────────────── */
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 > .qmes-hybrid-kpi-card {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}

html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 > .qmes-hybrid-kpi-card:hover {
  animation: none !important;
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* 카드 외곽선·하단 왼쪽 보라색 바·오른쪽 ㄴ자 모양을 모두 제거 */
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 > .qmes-hybrid-kpi-card::before,
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 > .qmes-hybrid-kpi-card::after,
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-copy::before,
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-copy::after,
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-label-row::before,
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-label-row::after,
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-value-row::before,
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-value-row::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
}

/* 오른쪽 원형 그래프·아이콘 제거 */
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-ring,
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-ring-inner,
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-icon,
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-percent {
  display: none !important;
}

/* 품질검사 현황처럼 작은 움직이는 색상 원만 유지 */
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-donut {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  margin: 0 auto 3px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #41c4ee !important;
  box-shadow: 0 0 7px rgba(65,196,238,.72) !important;
  clip-path: none !important;
  animation: qmes-summary-dot-float 1.35s ease-in-out infinite !important;
}

html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 > .qmes-hybrid-kpi-card:nth-child(1) .qmes-hybrid-donut,
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 > .qmes-hybrid-kpi-card:nth-child(3) .qmes-hybrid-donut {
  background: #f87171 !important;
  box-shadow: 0 0 7px rgba(248,113,113,.68) !important;
}

html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 > .qmes-hybrid-kpi-card:nth-child(2) .qmes-hybrid-donut {
  background: #fbbf24 !important;
  box-shadow: 0 0 7px rgba(251,191,36,.68) !important;
}

html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 > .qmes-hybrid-kpi-card:nth-child(4) .qmes-hybrid-donut {
  background: #34d399 !important;
  box-shadow: 0 0 7px rgba(52,211,153,.68) !important;
}

html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-donut > * {
  display: none !important;
}

html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-copy {
  width: 100% !important;
  flex: 1 1 auto !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
  text-align: center !important;
  background: none !important;
  box-shadow: none !important;
}

/* 카드 글자·숫자는 무채색으로 통일 */
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-label {
  color: #7f98b5 !important;
}

html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-value {
  color: #f2f7fc !important;
}

html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-unit {
  color: #7189a4 !important;
}

html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-label,
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-value,
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 .qmes-hybrid-unit {
  text-shadow: none !important;
  filter: none !important;
}

/* 부적합 관리 제목을 중심으로 위·아래 간격을 동일하게 확대 */
html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .grid.grid-cols-2.gap-3 {
  margin-bottom: 18px !important;
}

html body #root .flex.flex-col.gap-5:has(> .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child > button) > .flex.flex-col.gap-3.border-b.border-slate-800.pb-4:first-child {
  margin-bottom: 18px !important;
}

/* NAMO Talk 메시지 입력창 안내 문구 제거 */
section[aria-label="NAMO Talk"] textarea::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}