.input-type-field {
  grid-column: 1 / -1;
  margin: 0;
  padding: 10px 12px 12px;
  border: 1px solid #d3d7d4;
  border-radius: 4px;
}

.input-type-field legend {
  padding: 0 5px;
  color: #5e645f;
  font-size: 11px;
}

.input-type-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.form-grid .input-type-option {
  height: 37px;
  padding: 0 10px;
  border: 1px solid #e0e3e1;
  border-radius: 4px;
  color: #202320;
  cursor: pointer;
}

.form-grid .input-type-option:has(input:checked) {
  border-color: #909792;
  background: #f1f3f2;
}

.model-name-tag {
  display: flex;
  align-items: center;
  max-width: 70%;
  height: 28px;
  padding: 0 9px;
  overflow: hidden;
  border-radius: 4px;
  background: #202321;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.item-card .model-id {
  margin-top: 18px;
}

.btn.test-success,
.btn.test-success:disabled {
  border-color: #b8ddc9;
  background: #f3faf6;
  color: #157347;
  opacity: 1;
}

.btn.test-failure,
.btn.test-failure:disabled {
  border-color: #e4bdbd;
  background: #fff5f5;
  color: #b43b3b;
  opacity: 1;
}
