.portal-xsearch[hidden] {
  display: none;
}

.portal-xsearch {
  display: block;
  margin: 1.25rem 0 0;
  padding: 1rem 1.15rem 1.1rem;
  background: var(--card-bg);
  

  border: 1px dashed var(--border, #e5e5e5);
  border-radius: var(--radius, 8px);
}

.portal-xsearch-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.15rem 0.6rem;
  margin-bottom: 0.7rem;
}

.portal-xsearch-heading {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--text);
}

.portal-xsearch-all {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--red);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition:
    color 0.15s,
    border-color 0.15s;
}



.portal-xsearch-all::after {
  content: " \2192";
}

.portal-xsearch-all:hover,
.portal-xsearch-all:focus-visible {
  border-bottom-color: currentColor;
}

.portal-xsearch-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.portal-xsearch-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0;
  border-top: 1px solid var(--border-light, #f0f0f0);
}

.portal-xsearch-row:first-child {
  border-top: 0;
}

.portal-xsearch-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text);
  text-decoration: none;
}

.portal-xsearch-name:hover,
.portal-xsearch-name:focus-visible {
  color: var(--red);
  text-decoration: underline;
}


.portal-xsearch-row .badge-stage {
  padding: 0.1rem 0.45rem;
  font-size: 0.6875rem;
  font-weight: 600;
  border-radius: 999px;
  white-space: nowrap;
}

.portal-xsearch-sub,
.portal-xsearch-more {
  font-size: 0.8125rem;
  color: var(--text-secondary);
}

.portal-xsearch-more {
  margin: 0.6rem 0 0;
}