.identify-row { display:flex; gap:.5rem; }
.identify-row input { flex:1; }
.identify-results { margin:.5rem 0 0; padding:.5rem .75rem; border:1px dashed var(--border,#d0d7de); border-radius:.5rem; background:var(--bg-elev,#f8fafc); }
.identify-results .item { display:flex; justify-content:space-between; align-items:center; padding:.25rem 0; border-bottom:1px solid rgba(0,0,0,.06); }
.identify-results .item:last-child { border-bottom:none; }
.identify-results .topic { font-weight:600; }
.identify-results .use { font-size:.85rem; text-decoration:underline; cursor:pointer; opacity:.8; }
.identify-results .use:hover { opacity:1; }
.hidden { display:none !important; }
.loading::after { content:"Identifying…"; opacity:.7; }

/* Softer card bg compatible with theme */
.identify-results {
  background: color-mix(in oklab, var(--accent-2) 10%, var(--card));
  border: 1px solid color-mix(in oklab, var(--accent-2) 30%, var(--border));
}

/* Topic rows */
.identify-results .item { padding: 6px 0; }

/* “Use” as pill tag (no underline) */
.identify-results .use {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  border: 1px solid color-mix(in oklab, var(--accent) 30%, var(--border));
  border-radius: 999px;
  background: color-mix(in oklab, var(--accent) 8%, var(--bg));
  color: color-mix(in oklab, var(--accent) 85%, var(--fg));
  font-size: 12px;
  line-height: 1;
}
.identify-results .use:hover {
  filter: brightness(0.98);
}
.identify-results .use.is-selected {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}