main {
  display: block;
}

.ai-tracking-status-inactive {
  background-color: #ffd700;
  border: 1px solid #ffd700;
  margin-right: 10px;
  border-color: black;
  border-radius: 10px;
  /* padding: 10px; */
  flex: content;
  padding-left: 10px;
  margin-bottom: 10px;
}

.ai-tracking-status-active {
  background-color: #50c878;
  border: 1px solid #ffd700;
  margin-right: 10px;
  /* Text White */
  color: #3b3b3b;
  border-color: black;
  border-radius: 10px;
  /* padding: 10px; */
  flex: content;
  padding-left: 10px;
  margin-bottom: 10px;
}

.ai-tracking-update {
  background-color: #50c878;
  border: 1px solid #ffd700;
  margin-right: 10px;
  /* Text White */
  color: #3b3b3b;
  border-color: black;
  border-radius: 10px;
  /* padding: 10px; */
  flex: content;
  /* Block */
  display: block;
  padding-left: 10px;
  margin-bottom: 10px;
}

.AiAgentPods {
  display: flex;
  flex-wrap: wrap;
  /* Allows wrapping to the next line if the container is too narrow */
  gap: 10px;
  /* Adds spacing between the pods */
}

.AiAgentPod {
  background-color: #ffffff;
  border: 1px solid #ffd700;
  margin-right: 10px;
  width: 200px;
  border-color: black;
  border-radius: 10px;
  padding: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  flex-grow: content;
  flex: auto;
}

.AiAgentPod h2 {
  margin-top: 0;
  margin-bottom: 10px;
}

.AiAgentPod p {
  margin-top: 0;
  margin-bottom: 10px;
}

.aiAgentIcon {
  width: 100px;
  height: 100px;
}

.aiAgentButton {
  width: 200px;
  height: 30px;
}

/* .iframe {
  width: 100%;
  height: 100%;
  min-width: 600px;
  border: none;
  scrollbar-width: none;
} */