/* CreditAutocomplete — popup styling */
.te-ac { position: relative; width: 100%; }
.te-ac__pop {
  position: absolute;
  top: calc(100% + 6px); left: 0; right: 0;
  z-index: 60;
  background: #14161b;
  border: 1px solid color-mix(in oklch, var(--text-3) 14%, transparent);
  border-radius: 10px;
  box-shadow: 0 18px 44px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.4);
  overflow: hidden;
  max-height: 280px;
  overflow-y: auto;
}
.te-ac__head {
  font-size: 10px; font-weight: 600; letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-3);
  padding: 9px 12px 6px;
  opacity: 0.6;
}
.te-ac__item {
  display: flex; align-items: center; justify-content: space-between;
  width: 100%; gap: 12px;
  padding: 9px 12px;
  background: transparent;
  border: 0; outline: none;
  color: var(--text-1);
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  transition: background 80ms;
}
.te-ac__item:hover, .te-ac__item.is-hover {
  background: color-mix(in oklch, var(--accent) 14%, transparent);
}
.te-ac__name { font-weight: 500; }
.te-ac__meta { display: inline-flex; align-items: center; gap: 6px; }
.te-ac__count {
  font-size: 11px; color: var(--text-3);
  background: color-mix(in oklch, var(--text-3) 14%, transparent);
  padding: 2px 8px; border-radius: 999px;
  white-space: nowrap;
}
.te-ac__chip {
  font-size: 10px; font-weight: 600;
  padding: 2px 7px; border-radius: 999px;
  letter-spacing: 0.02em;
}
.te-ac__chip--match {
  color: var(--accent);
  background: color-mix(in oklch, var(--accent) 16%, transparent);
}
.te-ac__chip--linked {
  color: #5cffaf;
  background: color-mix(in oklch, #5cffaf 18%, transparent);
}

/* Linking prompt */
.te-ac__link {
  margin-top: 6px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  background: color-mix(in oklch, var(--accent) 8%, transparent);
  border: 1px dashed color-mix(in oklch, var(--accent) 40%, transparent);
}
.te-ac__link-info { display: flex; align-items: center; gap: 10px; min-width: 0; }
.te-ac__link-icon {
  width: 28px; height: 28px; flex-shrink: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent), color-mix(in oklch, var(--accent) 50%, #000));
  color: #fff; font-size: 12px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
}
.te-ac__link-body { display: flex; flex-direction: column; min-width: 0; }
.te-ac__link-body strong { font-size: 12px; color: var(--text-1); }
.te-ac__link-body span { font-size: 11px; color: var(--text-3); }
.te-ac__link-actions { display: inline-flex; gap: 6px; flex-shrink: 0; }