@layer components {

.panel { background: var(--color-bg-surface); border: 1px solid var(--color-border-default); border-radius: 5px; padding: 24px; margin-bottom: 24px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); position: relative; transition: all 0.2s ease }
.panel:hover { box-shadow: 0 2px 4px rgba(0,0,0,0.08) }
/* `.panel-title` — section-level heading used across Test Report, QC
 * Monitoring, and the generation page. Matches MODEC h6 (20 / 500 /
 * 1.33 / 0.15px) so every "section title" reads the same. */
.panel-title {
  font-family: "Noto Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.15px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 16px;
}

} /* end @layer components */