.primary-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.primary-actions .apply,
.primary-actions .share {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 14px;
  border-radius: 7px;
  font-weight: 600;
  font-size: 14px;
}

.share {
  border: 1px solid #1d484b;
  background: #fff;
  color: #1d484b;
}

.share:hover {
  background: #edf6f5;
}

.share span {
  font-size: 11px;
  font-weight: 500;
  opacity: .72;
}

.share:disabled {
  cursor: not-allowed;
  border-color: #bdc7c4;
  color: #84908c;
  background: #f3f5f4;
}

.share-result {
  margin-top: 10px;
  padding: 12px;
  background: #edf6f5;
  border-radius: 8px;
}

.share-result label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 7px;
  color: #314d4c;
}

.share-result > div {
  display: flex;
  gap: 6px;
}

.share-result input {
  min-width: 0;
  flex: 1;
  border: 1px solid #b6c8c5;
  border-radius: 5px;
  padding: 8px;
  font-size: 12px;
  color: #264745;
  background: #fff;
}

.share-result button {
  border: 0;
  border-radius: 5px;
  background: #286469;
  color: #fff;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 600;
}

.panel .share-result p {
  margin: 7px 0 0;
  font-size: 11px;
  color: #667873;
}
