/* Typography and acknowledgement only; the workbench owns tile geometry. */
.config-summary-item {
  --selection-success: #24764d;
  --selection-success-soft: #e4f4eb;
  --selection-missing-soft: #fff3e7;
  --selection-missing-line: #e3bd93;
}
.config-summary-item strong {
  font-size: 15px;
  line-height: 1.42;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  white-space: pre-line;
}
.config-summary-item[data-state=empty],
.config-summary-item[data-state=pending] {
  background: var(--selection-missing-soft);
  border-color: var(--selection-missing-line);
}
.config-summary-label .config-status {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  white-space: nowrap;
}
.config-summary-item .selection-check {
  display: block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  padding: 1px;
  color: var(--selection-success);
  background: var(--selection-success-soft);
  border: 1px solid #a6cbb4;
  border-radius: 50%;
  overflow: visible;
}
.selection-check path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
}
.config-summary-item:not([data-state=selected]) .selection-check { display: none; }
@media (prefers-reduced-motion: reduce) {
  .config-summary-item, .selection-check, .selection-check path { animation: none !important; transition: none !important; }
}