/* Галочка согласия на обработку персональных данных в формах заявок
   (юр-правки, волна 1, 21.09.2026): «Купить сейчас», «Сообщить о поступлении»,
   «Подберём за 10 минут», «Корпоративным клиентам».
   Стили форм растягивают любой input на всю ширину и 36–44 px в высоту
   (.dl-quick-order__form input, .dl-picker__lead input, .cta-form input) —
   для чекбокса это отменено селектором сильнее: .dl-consent input.dl-consent__box.
   При правке файла менять ?v= в index.html темы (CSS кэшируется сутки). */

.dl-consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  grid-column: 1 / -1;
  margin: 0;
  color: #5f5e5a;
  font: 400 12px/1.4 Manrope, sans-serif;
  text-align: left;
  cursor: pointer;
}

.dl-consent input.dl-consent__box {
  flex: 0 0 auto;
  width: 18px;
  min-width: 0;
  height: 18px;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  accent-color: #1a1917;
  cursor: pointer;
  -webkit-appearance: checkbox;
  appearance: auto;
}

.dl-consent a {
  color: inherit;
  text-decoration: underline;
}

.dl-consent.is-invalid {
  color: #791f1f;
}

.dl-consent.is-invalid input.dl-consent__box {
  outline: 2px solid #791f1f;
  outline-offset: 2px;
}

/* Боковая панель «Подобрать сканер и ПО» — на голубом фоне, мелкий текст */
.dl-picker__lead .dl-consent {
  color: #00457d;
  font-size: 11px;
}

.dl-picker__lead .dl-consent input.dl-consent__box {
  width: 16px;
  height: 16px;
  accent-color: #00457d;
}

.dl-picker__lead .dl-consent.is-invalid {
  color: #791f1f;
}

/* Корпоративная форма: подпись на тёмной панели (.cta-panel, #1a1917) */
.cta-form .dl-consent {
  color: #9e9e9e;
  font-size: 13px;
}

/* color-scheme: Safari рисует пустую галочку чёрной — на тёмной панели её не видно */
.cta-form .dl-consent input.dl-consent__box {
  accent-color: #fff;
  color-scheme: dark;
}

.cta-form .dl-consent.is-invalid {
  color: #ff9b9b;
}

.cta-form .dl-consent.is-invalid input.dl-consent__box {
  outline-color: #ff9b9b;
}

/* Ошибка формы (.form-message.is-error, #791f1f из styles.css) на тёмной панели не читалась */
.cta-form .form-message.is-error {
  color: #ff9b9b;
}