/* Content chip in the company Documents tables: a file name or a link host. */
.doc-chip {
  display: inline-flex;
  /* Top-aligned so the icon stays on the first line when a long name wraps. */
  align-items: flex-start;
  gap: 0.375rem;
  max-width: 100%;
  padding: 0.25rem 0.625rem;
  border: 1px solid var(--color-base-300);
  border-radius: 0.375rem;
  background: var(--color-base-100);
  color: var(--color-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: none;
  vertical-align: middle;
}

.doc-chip > svg {
  /* Centers the 1rem icon on the first 1.25rem line. */
  margin-top: 0.125rem;
}

.doc-chip:hover {
  text-decoration: underline;
}