.entities-panel {
  flex: 1;
  background: rgb(224, 242, 240);
  display: flex;
  flex-direction: column;
  overflow: hidden; /* muda de auto para hidden */
  overflow-y: auto;
  height: 100%;
  scrollbar-width: none;
}

.entity-list {
  overflow-y: auto; /* adicione isso */
  flex: 1; /* ocupa o espaço restante */
  scrollbar-width: none; /* se quiser esconder a scrollbar também */
  background: rgb(224, 242, 240);
}

.entity-item {
  display: flex;
  align-items: center;
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  border-bottom: 0px solid #f0f0f0;
  margin-top: 4px;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
  cursor: pointer;
  border: 0.8px solid rgba(27, 27, 27, 0.08);
  /*transition: background-color 0.2s ease;*/
}

.entity-item:hover {
  background-color: #f8f9fa;
  margin-top: 4px;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
  border-radius: 12px;
}

.entity-logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.entity-logo img {
  width: 95px;
  height: 85px;
  border-radius: 12px;
  margin-right: 16px;
  border: 0.8px solid rgba(27, 27, 27, 0.1);
  object-fit: cover;
}

.entity-info {
  flex: 1;
  min-width: 0;
}

.entity-name {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: rgb(0, 151, 165);
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.verified-icon {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  vertical-align: middle;
  display: inline-block;
}

.entity-summary {
  font-size: 15px;
  color: #666;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

@media (prefers-color-scheme: dark) {
  .entity-summary {
    color: #ccc; /* cinza claro para melhor contraste */
  }

  .entity-name {
    color: white;
  }

  .entities-panel {
    background: rgb(20, 25, 25); /* fundo escuro */
  }

  .entity-item {
    background-color: #1e1e1e; /* fundo escuro */
    outline: 1px solid #333; /* borda mais suave */
  }

  .entity-item:hover {
    background-color: #2a2a2a; /* leve contraste no hover */
  }

  .entity-list {
    background: rgb(20, 25, 25); /* fundo escuro */
  }
}