/* A small standing label. Used to mark the sign-in method this device used
   last, so a returning visitor picks the same one without thinking. */
.pill {
  display: inline-flex;
  align-items: center;
  padding: var(--space-4xs) var(--space-xs);
  border-radius: var(--radius-full);
  background-color: var(--color-surface-sunken);
  color: var(--color-text-soft);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  line-height: 1.4;
  white-space: nowrap;
}

.pill--last {
  background-color: var(--color-land-soft);
  color: var(--color-land);
}

/* A search that ended with an address kept, in the green a saved address wears
   everywhere else. */
.pill--found {
  flex: none;
  background-color: var(--color-saved-soft);
  color: var(--color-saved);
}

/* A pill that leads somewhere. On a ledger row it sits inside a link stretched
   over the whole row, and would be swallowed by it — lifted above that overlay
   it keeps its own click, and the row keeps the rest. */
.pill--link {
  position: relative;
  z-index: 1;
  text-decoration: none;
}

.pill--link:hover {
  background-color: var(--color-saved);
  color: var(--color-surface);
  text-decoration: none;
}