/* Только для прототипа: подсветка неподтверждённых значений и плашка «Прототип». В Битрикс не переносится. */

.draft-value {
  padding: 0 0.2em;
  border-radius: 0.25em;
  background: var(--color-draft);
  color: var(--color-draft-ink);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  text-decoration: underline dashed rgb(92 66 0 / 0.55);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  cursor: help;
}

a .draft-value,
.c-btn .draft-value {
  text-decoration-line: none;
}

.c-prototype-bar {
  position: relative;
  z-index: var(--z-prototype);
  padding: 0.375rem var(--container-pad);
  background: var(--color-draft);
  color: var(--color-draft-ink);
  font-size: var(--fs-caption);
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
  text-align: center;
}

.c-prototype-note {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  border-radius: var(--radius-xs);
  background: rgb(253 230 138 / 0.92);
  color: var(--color-draft-ink);
  font-size: var(--fs-caption);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}