.head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.folder-link {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--blue);
  border-radius: 9px;
  padding: 9px 12px;
  background: #fff;
  color: var(--blue);
  font-weight: 800;
  text-decoration: none;
}

.folder-link:hover {
  background: #edf6ff;
}

/* The size control applies to the complete logo tile, not just its image. */
.company-logo-frame {
  width: 100%;
  height: 116px;
  aspect-ratio: 210 / 116;
  align-self: center;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  transform: scale(var(--logo-tile-scale, 1));
  transform-origin: top center;
}

.company-logo-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
  border-radius: inherit;
  background: transparent;
  transform: none !important;
}