/* v2 поля вводу — field / input з Penpot (лейбл 10-11px зверху + інпут) */
body.v2 .v2-field { display: flex; flex-direction: column; gap: 5px; }
body.v2 .v2-field-label {
  font-size: var(--fs-label); font-weight: 600; letter-spacing: .04em;
  text-transform: uppercase; color: var(--clr-text-3);
}
body.v2 .v2-input, body.v2 .v2-select, body.v2 .v2-textarea {
  width: 100%; height: 42px; padding: 0 14px;
  background: var(--clr-fill-input);
  border: 1px solid var(--clr-hairline-strong);
  border-radius: var(--r-input);
  color: var(--clr-text); font: 500 var(--fs-body) var(--font-ui);
  outline: none; transition: border-color .15s, background .15s;
}
body.v2 .v2-textarea { height: auto; min-height: 80px; padding: 10px 14px; resize: vertical; }
body.v2 .v2-input::placeholder, body.v2 .v2-textarea::placeholder { color: var(--clr-text-4); }
body.v2 .v2-input:focus, body.v2 .v2-select:focus, body.v2 .v2-textarea:focus {
  border-color: rgba(192, 132, 252, .45); background: rgba(255, 255, 255, .05);
}
/* Стан помилки (борд «Вхід · v2 · стани») */
body.v2 .v2-field.is-error .v2-input { border-color: rgba(248, 113, 113, .55); }
body.v2 .v2-field .v2-field-hint { font-size: var(--fs-sm); color: var(--clr-text-3); }
body.v2 .v2-field.is-error .v2-field-hint { color: var(--clr-danger-text); }

/* Чекбокс */
body.v2 .v2-check { display: flex; align-items: center; gap: 10px; cursor: pointer; color: var(--clr-text-2); font-size: var(--fs-sm); }
body.v2 .v2-check input {
  appearance: none; width: 18px; height: 18px; margin: 0;
  border: 1px solid var(--clr-hairline-strong); border-radius: 5px;
  background: var(--clr-fill-input); cursor: pointer; position: relative; flex: 0 0 18px;
}
body.v2 .v2-check input:checked { background: var(--clr-primary); border-color: var(--clr-primary); }
body.v2 .v2-check input:checked::after {
  content: ''; position: absolute; left: 5px; top: 2px; width: 5px; height: 9px;
  border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);
}

/* Пошук у тулбарі (приглушений інпут) */
body.v2 .v2-search { position: relative; }
body.v2 .v2-search .v2-input { height: 36px; padding-left: 34px; }
body.v2 .v2-search .v2-search-icon {
  position: absolute; left: 11px; top: 50%; transform: translateY(-50%);
  color: var(--clr-text-3); font-size: 14px; pointer-events: none;
}
