.commercialOpportunityV1 {
  margin-top: 2px;
}

.commercialOpportunityV1 .commercialSignalGroup {
  display: grid;
  gap: 1px;
  margin: 0 0 8px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--border);
}

.commercialOpportunityV1 .commercialSignalRow {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 10px;
  background: var(--panel2);
  color: var(--text-dim);
  font-size: 10.5px;
  line-height: 1.45;
}

.commercialOpportunityV1 .commercialSignalDot {
  width: 5px;
  height: 5px;
  margin-top: 5px;
  border-radius: 999px;
  background: var(--evidence);
  flex: none;
}

.commercialOpportunityV1 .commercialSignalGroup.caution .commercialSignalDot {
  background: var(--risk);
}

.commercialOpportunityV1 .commercialSignalGroup.verify .commercialSignalDot {
  background: var(--economic);
}

.commercialOpportunityV1 .commercialOpportunityNote {
  margin-top: 8px;
}

.commercialOpportunityV1 h4 {
  margin-top: 11px;
}

.commercialOpportunityV1 .factor {
  padding-top: 4px;
  padding-bottom: 5px;
}
