/* Partial template styles */

/* Contract detail styles */
.contract-detail-actions {
  text-align: right;
  margin-top: 20px;
  margin-bottom: 20px;
}

.contract-tags-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.contract-tags-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 4px;
  margin-bottom: 20px;
}

.contract-tag {
  background-color: #B9D9FF;
  color: #20212D;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
}

.contract-tag.topic-tag {
  background-color: #20212D;
  color: #FFFFFF;
}

.contract-tag.contract-type-tag {
  background-color: #E5E5E5;
  color: #20212D;
}

.contract-tag.issuer-tag {
  background-color: #E5E5E5;
  color: #20212D;
}

.contract-tag .tag-text {
  white-space: nowrap;
}

.contract-tags-break {
  width: 100%;
  height: 0;
  margin: 0;
}

.contract-detail-center {
  text-align: center;
  margin-top: 20px;
}

/* File icon styles */
.file-icon {
  cursor: pointer;
}

/* Delete additional file icon */
.delete-additional-file-icon {
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.delete-additional-file-icon:hover {
  opacity: 0.7;
}

/* Editable title styles */
.editable-title {
  cursor: pointer;
  position: relative;
  transition: background-color 0.2s ease;
  padding: 4px 8px;
  border-radius: 4px;
  margin: -4px -8px;
}

.editable-title:hover {
  background-color: #f0f8ff;
}

.editable-title-input {
  width: 100%;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  border: 2px solid #2196F3;
  border-radius: 4px;
  padding: 4px 8px;
  outline: none;
  background: white;
}