/* Иконки SVG для замены смайликов */

.icon-check {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 4px;
}

.icon-check svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  fill: none;
}

/* Иконки для прогресса */
.progress-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color);
}

.progress-icon svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  fill: none;
}

.scenario-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color);
}

.scenario-icon svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  fill: none;
}